Texte trop petit sur mobile

Silktide charge chaque page sur un appareil mobile simulé et signale le texte trop petit pour être lu confortablement sans zoom. Pour réussir, le texte doit s’afficher à 11 pixels ou plus sur mobile.

Pourquoi c’est important

Un texte acceptable sur un moniteur d’ordinateur peut devenir illisible sur un téléphone intelligent. Les visiteurs vont soit plisser les yeux, pincer pour zoomer et faire défiler horizontalement ligne par ligne, soit abandonner — et les personnes ayant une basse vision pourraient ne pas pouvoir le lire du tout. Le petit texte se concentre précisément là où les concepteurs cessent de regarder : pieds de page, légendes de photos, avis juridiques et bannières de témoins.

C’est particulièrement courant sur les sites conçus d’abord pour l’ordinateur puis adaptés au mobile, où les tailles de police fixes rétrécissent avec la mise en page.

Comment corriger

Augmentez la taille de police du texte signalé pour qu’il s’affiche à 11 pixels ou plus sur mobile. Pour le corps du texte, visez plus haut — 16 pixels constitue une base courante pour une lecture confortable sur mobile.
Privilégiez les unités relatives (rem, em) dans votre plutôt que des tailles fixes en pixels, afin que le texte s’adapte aux paramètres de l’utilisateur.
Lorsque la conception réduit des sections entières sur les petits écrans, utilisez des requêtes media pour maintenir un texte lisible pendant que c’est la mise en page — et non la police — qui s’adapte.

Comment Silktide teste ceci

Charger la page sur un appareil mobile simulé.
Examiner chaque élément de texte visible contenant au moins deux lettres ou chiffres. Le texte masqué, et le texte dont la taille est réglée à zéro pour une utilisation exclusive avec un , est ignoré.
Mesurer la taille de police rendue de chaque élément.
Signaler le texte qui s’affiche à une taille inférieure à 11 pixels.

Dépannage

Le texte d’attribution des cartes intégrées est automatiquement ignoré. Pour d’autres widgets, vous pouvez activer l’option pour exclure le contenu de modules d’extension tiers de cette vérification, ou consigner une sur les constats que vous acceptez.

Le texte est délibérément petit

Les petits caractères sont tout de même destinés à être lus — c’est généralement une raison de les rendre lisibles, pas plus petits. Si vous concluez qu’un texte précis est acceptable, approuvez le constat.