Structure
L’espacement du texte ne doit pas être verrouillé par !important
- Règle:
avoid-inline-spacing - Gravité: Sérieux
- Niveau WCAG AA
Pourquoi c’est important
Les personnes dyslexiques ou malvoyantes augmentent l’interligne et l’espacement des lettres pour lire. Des styles en ligne marqués !important ne peuvent pas être surchargés par leur feuille de style : la page reste illisible pour elles.
Comment corriger
- Retirez !important des line-height, letter-spacing et word-spacing en ligne.
- Déplacez l’espacement dans une feuille de style, où un style utilisateur peut l’emporter.
- Vérifiez que le texte se recompose avec un interligne de 1,5 et un espacement de 0,12em sans être tronqué.
Dans le balisage
<p style="line-height: 1.1 !important">...</p><p style="line-height: 1.1">...</p>L’exigence sous-jacente
Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :
- 1.4.12 Espacement du texte (s’ouvre dans un nouvel onglet) — Niveau WCAG AA
Pour aller plus loin
Deque University sur avoid-inline-spacing (s’ouvre dans un nouvel onglet)
Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.
Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.