Texte trop petit sur ordinateur
Silktide mesure la taille du texte que les gens voient lorsque vos pages sont affichées sur un écran d’ordinateur, et signale le texte rendu à moins de 12 pixels. Un texte aussi petit est difficile, voire impossible, à lire pour de nombreuses personnes.
Pourquoi c’est important
Les écrans d’ordinateur se trouvent plus loin du lecteur qu’un téléphone; le petit texte y est donc proportionnellement plus difficile à lire. Un texte sous 12 pixels exclut les personnes malvoyantes, fatigue les lecteurs âgés et pousse tout le monde à se pencher ou à zoomer. Les principales lignes directrices en conception convergent vers 12 à 14 pixels comme minimum pratique pour le corps du texte sur ordinateur.
Le texte trop petit est rarement un choix délibéré — il se glisse généralement par des textes juridiques standard, des pieds de page et des intégrations tierces que personne ne relit.
Comment y remédier
- Augmentez la taille de police dans votre à au moins 12 px, et de préférence 16 px pour le corps du texte.
/* Problème : trop petit pour être lu confortablement sur ordinateur */
.footer-note { font-size: 10px; }
/* Correctif : utiliser une taille lisible, idéalement en unités relatives */
.footer-note { font-size: 0.875rem; } /* 14 px avec les paramètres par défaut */
- Privilégiez les unités relatives (
rem,em) aux pixels fixes, afin que le texte s’adapte aussi lorsque les utilisateurs modifient la taille de police par défaut de leur navigateur. - Si le texte signalé est réellement acceptable à cette taille — par exemple, une fioriture décorative — vous pouvez le constat.
Comment Silktide teste cela
- Afficher chaque page à une taille d’écran d’ordinateur.
- Mesurer la taille calculée finale de chaque élément de texte visible, une fois tout le CSS appliqué.
- Ignorer le texte caché, le texte destiné uniquement aux et les fragments de moins de 2 caractères (comme les glyphes d’icônes).
- Signaler le texte rendu à moins de 12 pixels.
Si votre site web est configuré pour exclure le contenu tiers, le texte à l’intérieur de plugiciels tiers connus n’est pas signalé.
Dépannage
Le texte a l’air correct sur mon écran
Les écrans à haute résolution et les paramètres de zoom personnels peuvent faire paraître acceptable un petit texte sur votre appareil, alors qu’il demeure trop petit avec les paramètres par défaut. La vérification mesure la taille en pixels CSS à partir de laquelle le navigateur de chaque visiteur démarre.
Et sur mobile ?
La taille du texte sur la version mobile de vos pages est testée séparément par petit texte, qui utilise un seuil adapté aux écrans mobiles.