Le problème
Un paragraphe agrandi reste un paragraphe pour les technologies d’assistance. Des niveaux choisis pour leur taille produisent aussi une structure sans lien avec le contenu.
Exemple : mauvais et correct
Mauvais
<p class="gros-titre">Audit RGAA</p>
<p class="titre-bleu">Déroulement</p>Correct
<h1>Audit RGAA</h1>
<h2>Déroulement</h2>
<h3>Définir l’échantillon</h3>
<h3>Tester les parcours</h3>
<h2>Livrables</h2>Les sous-sections du déroulement sont des h3 ; les livrables ouvrent une section de même niveau que le déroulement.
RGAA concerné
Les critères dépendent de l’élément, de son usage et des cas particuliers applicables. Voici les contrôles à examiner pour ce sujet.
- Critère 9.1 — Employer des titres pertinents dans une hiérarchie cohérente.
- Critère 8.9 — Préserver le sens des balises au-delà de leur apparence.
Impact utilisateur
Le lecteur d’écran peut parcourir les titres ou en afficher la liste. Une hiérarchie explicite donne accès au plan et aux sections ; les faux titres visuels retirent ce raccourci.
Correction
- Balisez les vrais titres avec h1 à h6. Leur texte doit décrire la section ; n’en créez pas pour styliser une phrase ou une décoration.
- Un h1 principal, puis des h2 et h3 selon les subdivisions, donne une convention claire aux guides. Compter les h1 ne suffit pas à évaluer le critère 9.1.
- Adaptez les composants réutilisés à leur emplacement : une carte sous un h2 peut recevoir un h3. Ne fixez pas son niveau indépendamment de la page.
Méthode de test
- Lisez la liste des titres comme un plan : elle doit être compréhensible.
- Comparez-la aux titres visibles pour repérer les faux titres et les sections oubliées.
- Naviguez de titre en titre : chacun doit mener au contenu annoncé. Vérifiez la cohérence des niveaux, au-delà du nombre de h1.
Points de vigilance
- title et h1 ont des fonctions différentes.
- N’utilisez pas h4 pour obtenir un petit texte : adaptez le CSS du niveau pertinent.
Sources officielles
Le RGAA fournit les critères de contrôle. Les ressources du W3C et du WHATWG complètent les méthodes de mise en œuvre ; elles ne remplacent pas les tests RGAA.