Critères de succès

WCAG 2.4.6 En-têtes et étiquettes

Le critère de succès 2.4.6 exige que les titres et les étiquettes décrivent le sujet ou la finalité du contenu qu'ils introduisent. C'est un critère de niveau AA sous la règle 2.4 (Navigable) - un pas au-delà du simple fait d'avoir des titres et des étiquettes : ce critère porte sur leur caractère réellement descriptif.

La distinction avec les critères structurels

Le critère 1.3.1 Information et relations et le sujet de l'ordre des titres incorrect portent sur l'existence des titres et sur la correction de leur imbrication dans le balisage. Celui-ci porte sur la qualité du contenu : la formulation du titre ou de l'étiquette vous dit-elle ce qui suit ? Une page peut présenter une structure <h1> / <h2> / <h3> parfaitement imbriquée et échouer tout de même à ce critère si les titres eux-mêmes n'apprennent rien d'utile - « Section 1 », « Plus d'informations », « Détails ».

Pourquoi un texte descriptif compte particulièrement pour la navigation

Les personnes utilisant un lecteur d'écran naviguent fréquemment en affichant la liste de tous les titres d'une page et en se rendant directement à celui qu'elles cherchent - comme une personne voyante parcourt du regard les intertitres en gras. Une liste de titres affichant « Aperçu, Détails, Plus d'informations, Section 4 » n'offre aucun repère ; une liste affichant « Tarifs, Politique de remboursement, Délais de livraison, Contacter l'assistance » permet d'aller droit au but sans lire d'abord toute la page.

Ce que « descriptif » n'exige pas

Ce critère n'exige pas des titres exhaustivement détaillés : la concision est parfaitement acceptable, et souvent préférable. « Politique de remboursement » est un titre tout à fait descriptif ; il n'a pas besoin de devenir « Politique complète de remboursement et de retour de notre entreprise pour tous les produits ». L'exigence porte sur le fait que le titre transmette le sujet de sa section, non sur sa longueur ni sur son élaboration.

Le même principe s'applique aux étiquettes de formulaire

Un champ étiqueté simplement « Nom » est généralement assez clair en contexte. Un champ étiqueté de façon ambiguë « Saisie 3 » ou « Champ » n'indique nullement ce qui est attendu et échoue à ce critère, même s'il dispose d'un <label> techniquement bien associé satisfaisant le critère 3.3.2. Titres et étiquettes relèvent de la même exigence de fond : la formulation doit accomplir un véritable travail descriptif, et non exister pour la forme.

Références officielles

• Technique G130 du W3C

Questions fréquentes

Qu'est-ce que le critère WCAG 2.4.6 ?

Un critère de niveau AA : les titres et les étiquettes présents doivent décrire clairement leur sujet ou leur finalité, pour aider à trouver le contenu et à comprendre les commandes.

Le critère 2.4.6 impose-t-il d'ajouter des titres et des étiquettes ?

Non - il porte sur la qualité des titres et des étiquettes que vous utilisez ; d'autres critères, comme 1.3.1 et 3.3.2, déterminent s'ils doivent exister.

Quel est un exemple d'étiquette vague ?

Un titre tel que « Plus », ou une étiquette de formulaire « Champ 1 », qui ne décrit pas à quoi la section ou le champ sert réellement.