Accessibilité du bouton radio (conformité 508)

Question

Si je souhaite poser une question avec un bouton radio "Oui/Non". Comment dois-je marquer le code pour qu'un lecteur d'écran lit la question associée à la sélection «oui/non» au lieu de simplement lire les étiquettes «Oui» et «Non» lorsque les boutons radio sont sélectionnés?

<span>Did you understand this? (choose one) </span> 
<label> 
<input type="radio" id="yes_no" name="yes_no" value="Yes" /> 
Yes 
</label> 
<label> 
<input type="radio" id="yes_no" name="yes_no" value="No" /> 
No 
</label> 

Merci

Answer 1

Pour les éléments de forme de cette nature que j'utilise:

<fieldset> 
    <legend>Did you understand the question?</legend> 
    <input type="radio" name="yes_no" id="yes"> 
    <label for="yes">Yes</label> 
    <input type="radio" name="yes_no" id="no"> 
    <label for="no">No</label> 
</fieldset> 

s'il vous plaît prendre note également que toutes les valeurs d'identité sur une page doit être unique. Si vous avez un élément qui doit partager un descripteur, ajoutez-le en tant que classe. J'utilise également des Fieldsets pour ajouter une limite distincte à la sélection radio.

Et assurez-vous de spécifier l'attribut for = "id_value" de l'étiquette. Cela associera l'étiquette au bouton radio souhaité.

Answer 2

<fieldset> 
<legend><span>Did you understand this? (choose one) </span></legend> 
<label> 
<input type="radio" id="yes_no" name="yes_no" value="Yes" /> 
Yes 
</label> 
<label> 
<input type="radio" id="yes_no" name="yes_no" value="No" /> 
No 
</label> 
</fieldset> 

Answer 3

utiliser l'attribut contenu (si elle est disponible).