Accessibilité des boutons radios et checkboxes
Les boutons radios et checkboxes devraient être regroupés dans un fieldset avec une légende.
Exemple à obtenir :
<div class="editer-groupe">
...
<div class="editer editer_radio">
<fieldset>
<legend>Label des boutons radios</legend>
<div class="choix choix_choix1">
<input type="radio" name="radio_1" class="radio" id="champ_radio_1_1" value="choix1">
<label for="champ_radio_1_1">Un</label>
</div>
<div class="choix choix_choix2">
<input type="radio" name="radio_1" class="radio" id="champ_radio_1_2" value="choix2">
<label for="champ_radio_1_2">Deux</label>
</div>
<div class="choix choix_choix3">
<input type="radio" name="radio_1" class="radio" id="champ_radio_1_3" value="choix3">
<label for="champ_radio_1_3">Trois</label>
</div>
</fieldset>
</div>
...
</div>
Problème, on utilise déjà des fieldsets pour grouper des champs, ils peuvent être déjà stylés par CSS, ça risque de casser des habillages, même si on ajoute une classe à ceux là.