← Toutes les règles

ARIA

Certains rôles exigent leurs propres attributs

• Règle: aria-required-attr
• Gravité: Critique
• Niveau WCAG A

Pourquoi c’est important

Un rôle comme checkbox, slider ou combobox est une promesse sur le comportement du composant. Sans les attributs requis, l’état ne peut pas être annoncé et le composant est perçu comme inutilisable.

Comment corriger

1. Ajoutez les attributs exigés par le rôle (aria-checked pour checkbox, aria-valuenow pour slider).
2. Mettez-les à jour en JavaScript à chaque changement d’état, pas seulement au premier rendu.
3. Un <input> natif fournit tout cela sans ARIA.

Dans le balisage

<div role="checkbox" tabindex="0">Subscribe</div>

<div role="checkbox" tabindex="0" aria-checked="false">Subscribe</div>

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 :

• 4.1.2 Nom, rôle et valeur (s’ouvre dans un nouvel onglet) — Niveau WCAG A

Pour aller plus loin

Deque University sur aria-required-attr (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.