Texte trop petit sur ordinateur de bureau
Silktide mesure la taille du texte que les personnes voient lorsque vos pages sont affichées sur un écran d’ordinateur de bureau et signale tout texte rendu à une taille inférieure à 12 pixels. Un texte aussi petit est difficile, voire impossible, à lire pour de nombreuses personnes.
Pourquoi c’est important
Les écrans d’ordinateur sont plus éloignés du lecteur qu’un téléphone ; un petit texte y est donc proportionnellement plus difficile à lire. Un texte en dessous de 12 pixels exclut les personnes malvoyantes, fatigue les lecteurs plus âgés et pousse tout le monde à se pencher ou à zoomer. Les principales recommandations de conception convergent vers 12 à 14 pixels comme minimum pratique pour le corps de texte sur ordinateur.
Un texte trop petit est rarement un choix délibéré — il s’infiltre généralement via des mentions légales, des pieds de page et des intégrations tierces que personne ne relit.
Comment le corriger
- 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 lisible 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 */
- Préférez 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 ceci
- Affiche chaque page dans une taille d’écran d’ordinateur.
- Mesure la taille calculée finale de chaque portion de texte visible, après application de toutes les règles CSS.
- Ignore le texte masqué, le texte destiné uniquement aux et les fragments de moins de 2 caractères (comme les glyphes d’icône).
- Signale le texte rendu en dessous de 12 pixels.
Si votre site Web est configuré pour exclure le contenu tiers, le texte à l’intérieur des plugins tiers connus n’est pas signalé.
Dépannage
Le texte a l’air correct sur mon écran
Les écrans haute résolution et les réglages de zoom personnels peuvent faire paraître un petit texte acceptable sur votre machine alors qu’il reste trop petit avec les paramètres par défaut. Le contrôle mesure la taille en pixels CSS à partir de laquelle le navigateur de chaque visiteur démarre.
Qu’en est-il du mobile ?
La taille du texte sur l’affichage mobile de vos pages est testée séparément par Petit texte, qui utilise un seuil adapté aux écrans mobiles.