Development #41119
Accessibilité : regrouper les champs
0%
Description
Les champs faisant partie d’un groupe (par exemple pour les cases à cocher et les boutons radio) doivent être associés entre eux par l’intermédiaire du code HTML, de manière à ce que les utilisateurs non-visuels puissent comprendre le lien entre eux.
Regrouper les champs qui le nécessitent via la balise <fieldset>, et chaque regroupement de champs doit également avoir une étiquette pertinente via la balise <legend>.
=> cette demande risque d'être compliquée à adapter à cause de la légende, préférer la 2e suggestion
Il est également possible de créer des regroupements avec le rôle ARIA group et un passage de texte, faisant office de légende, liée par la propriété aria-labelledby ou implémentée par l'intermédiaire d'une propriété aria-label.
Files
Related issues
Associated revisions
History
Updated by Marie Kuntz over 3 years ago
- Related to Development #36305: Améliorer l'accessibilité (RGAA) des thèmes added
Updated by Frédéric Péters over 3 years ago
- File 0001-a11y-mark-widgets-as-groups-41119.patch 0001-a11y-mark-widgets-as-groups-41119.patch added
- Status changed from Nouveau to Solution proposée
- Patch proposed changed from No to Yes
Pour les boutons radio il existe un rôle "radiogroup" adéquat, pour les autres c'est rôle "group" générique.
Updated by Thomas Noël over 3 years ago
- Status changed from Solution proposée to Solution validée
Juste question : pourquoi dans les tests n'as-tu pas ajouté le id="form_label_data_source" dans la recherche de <label class="field--label" for="form_data_source">...</label> ?
Updated by Frédéric Péters over 3 years ago
Juste que le test n'a pas de rapport et que ce n'est pas la première fois qu'une mise à jour du balisage oblige à le modifier.
commit 1e5e663d769d119b78637e75b55c28957a736aa2
Author: Frédéric Péters <fpeters@entrouvert.com>
Date: Sat Mar 28 10:18:01 2020 +0100
a11y: mark widgets as groups (#41119)
Updated by Frédéric Péters over 3 years ago
- Status changed from Solution validée to Résolu (à déployer)
Updated by Frédéric Péters over 3 years ago
- Status changed from Résolu (à déployer) to Solution déployée
a11y: mark widgets as groups (#41119)