Project

General

Profile

Development #41119

Accessibilité : regrouper les champs

Added by Marie Kuntz (absente) almost 3 years ago. Updated almost 3 years ago.

Status:
Fermé
Priority:
Normal
Assignee:
-
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Patch proposed:
Yes
Planning:
No

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

Related to Intégrations graphiques Publik - Development #36305: Améliorer l'accessibilité (RGAA) des thèmesNouveau20 September 2019

Actions

Associated revisions

Revision 1e5e663d (diff)
Added by Frédéric Péters almost 3 years ago

a11y: mark widgets as groups (#41119)

History

#1

Updated by Marie Kuntz (absente) almost 3 years ago

#2

Updated by Frédéric Péters almost 3 years ago

Pour les boutons radio il existe un rôle "radiogroup" adéquat, pour les autres c'est rôle "group" générique.

#3

Updated by Thomas Noël almost 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> ?

#4

Updated by Frédéric Péters almost 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)
#5

Updated by Frédéric Péters almost 3 years ago

  • Status changed from Solution validée to Résolu (à déployer)
#6

Updated by Frédéric Péters almost 3 years ago

  • Status changed from Résolu (à déployer) to Solution déployée

Also available in: Atom PDF