GouvernementFR / dsfr

🇫🇷 Official french government's design system (Système de Design de l'État)
https://www.systeme-de-design.gouv.fr/
Other
247 stars 55 forks source link

Interrupteur et Accessibilité #953

Open selimmeziti opened 5 months ago

selimmeziti commented 5 months ago

Interrupteur - Accessibilité

Les étiquettes des interrupteurs sont parfois alignés à droite et sont beaucoup trop éloignés de leurs étiquettes. L'étiquette d'une case à cocher être placée au dessus ou après la case à cocher et doit l'accoler.

RGAA

Le critère 11.4 du RGAA demande à ce que chaque étiquette soit accolée à son champs.

Impacts utilisateurs

Cela est très gênant pour les personnes déficientes visuelles qui naviguent avec une loupe d'écran ou ayant une vision tubulaire avec un champs de vision restreint par exemple

Capture d’écran

Ajouter des captures d’écran ou un exemple de code pour préciser le bug et le contexte. image

keryanS commented 4 months ago

Bonjour Selim,

Effectivement, le positionnement à droite de l'interrupteur devrait être utilisé uniquement lorsque le conteneur est étroit. Cet exemple n'est pas representatif d'une bonne utilisation. Nous pouvons éventuellement indiquer en doc qu'il faut privilégier l'interrupteur à gauche dans la mesure du possible.

Merci pour ton retour.