Corriger « Attribut ARIA obligatoire manquant » en HTML
Pourquoi c'est un problème
Certains rôles n'ont de sens qu'avec un état : une case à cocher sans aria-checked, un curseur sans aria-valuenow. Le lecteur d'écran annonce le composant mais pas sa valeur — l'utilisateur ne sait pas si la case est cochée.
Comment corriger — HTML
Ajoutez les attributs requis par le rôle et tenez-les à jour en JavaScript à chaque changement d'état. Ou remplacez le composant maison par l'élément natif (<input type="checkbox">, <input type="range">), qui gère l'état seul.
<div role="checkbox" tabindex="0">Recevoir la lettre</div><div role="checkbox" tabindex="0" aria-checked="false">Recevoir la lettre</div>
<!-- Ou, bien plus simple : -->
<label><input type="checkbox"> Recevoir la lettre</label>Vérifiez votre site en 30 secondes
Conformly détecte ce type de problème sur toutes vos pages, en continu, et vous alerte à chaque régression.
Scan gratuit