Comment "désactiver" un bouton radio d'une manière telle qu'un lecteur d'écran lirait toujours le texte et indiquerait à un utilisateur qu'il est désactivé?

Question

J'ai un cas d'utilisation où je veux désactiver certains boutons radio, mais il existe des moyens de revenir en arrière pour réactiver ces boutons radio. Si j'utilise l'attribut désactivé, les lecteurs d'écran passeront le champ et ne connaîtront pas d'informations importantes.

Je suis à la recherche d'une solution accessible qui continuerait à fonctionner pour les utilisateurs standards, mais qui serait également compatible avec la plupart des lecteurs d'écran.

Answer 1

Seuls quelques lecteurs d'écran ignorent les boutons radio désactivés comme s'ils n'existaient pas (eg. Jaws in Firefox for instance). Un autre annoncera l'article mais indiquera qu'il est désactivé. Bien entendu, pour ce dernier, l'élément ne pourra jamais gagner en focus mais sera annoncé en mode lecture.

Si vous voulez gérer tous les lecteurs d'écran et d'annoncer les options non sélectionnables, vous pouvez les remplacer par le texte brut avec des indications appropriées:

sélectionnable

<input type="radio" name="example value="1" /> 

indisponible:

<div>1 (disabled option, you should select XXX to enable this option)</div>