Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung
Accessibilité
Comment les sites Web rendent le but des symboles et des zones lisibles par machine?
Certaines personnes comprennent mieux les symboles que les mots, d'autres en ont besoin à l'inverse. Niveau AAA Critère 1.3.6 exige que le but des contrôles, des icônes et des gammes de pages soit dans le code source afin qu'un utilitaire puisse les remplacer, les simplifier ou les regrouper avec des icônes connues. Cette information est basée sur les rôles de référence et les renseignements sur l'objet, qui sont déjà utilisés par le niveau AA pour les champs d'entrée (1.3.5).
Ce que le critère exige
Les zones latérales jouent leur rôle: navigation, contenu principal, recherche, zone de pied, complémentaire. Les contrôles à usage fixe (page d'accueil, recherche, panier, aide) ont un but qu'un programme peut reconnaître. Les symboles ont des noms qui indiquent leur but. Par exemple, un utilitaire personnel peut afficher chaque recherche avec la même icône que l'utilisateur ou réduire une page au contenu principal.
Pourquoi cela va au-delà du niveau AA
Le niveau AA ne nécessite des informations de finalité que pour les champs d'entrée contenant des données personnelles (1.3.5). Pour tous les autres éléments, il n'existe aujourd'hui aucune liste complète d'objectifs normalisés; le WCAG mentionne explicitement le critère comme objectif pour l'avenir. Il peut être atteint où un site Web nettoie les repères, donne des noms aux symboles et des noms uniformes fonctions récurrentes.
C'est comme ça qu'on s'y prend
La mesure vérifie les repères et les noms des contrôles dans le contexte des niveaux A et AA et trouve ainsi la base de ce critère. Une personne évalue si les fins sont complètes. Le critère appartient à la catégorie AAA en matière de connaissances.
Exemples
Zones et symboles sans objet
<div class="oben">…</div>
<div class="links">…</div>
<button><svg>…</svg></button><header>…</header>
<nav aria-label="Hauptmenü">…</nav>
<main>…</main>
<button aria-label="Suche öffnen"><svg aria-hidden="true">…</svg></button>Des repères et des symboles nommés permettent à un utilitaire de simplifier la page ou de l'afficher avec des symboles familiers.
- Pour chaque page, définissez la zone d'en-tête des repères, la navigation, le contenu principal, la recherche et la zone de pied de page avec les éléments ou rôles fournis.
- Donnez à chaque bouton d'icône un nom qui indique le but (=Ouvrir la recherche=), et non =Amplifier le verre==).
- Nom de fonctions récurrentes de tous les côtés le même: même étiquette, même position.
- Pour les champs d'entrée contenant des données à caractère personnel, utiliser le critère 1.3.5; ils constituent la base.
