Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FO - Formulaire - Accessibilité - 11.1 à 11.4] Champs et étiquettes #3035

Open
5 tasks
emilschn opened this issue Sep 13, 2024 · 3 comments
Open
5 tasks
Assignees
Labels
Accessibilité Concerne un problème d'accessibilité Dev S Formulaire 2.0

Comments

@emilschn
Copy link
Collaborator

emilschn commented Sep 13, 2024

@emilschn
Copy link
Collaborator Author

emilschn commented Sep 19, 2024

  • Ecran "Vous déposez un signalement" : les 2 premiers boutons radio n'ont pas de label
  • Ecran "Vos coordonnées" : les numéros de téléphone. Il y a un label au-dessus qui n'est lié qu'au champ numéro de téléphone
  • Ecran "Vous souhaitez signaler des problèmes sur" : les 3 premiers boutons radio n'ont pas de label

@emilschn
Copy link
Collaborator Author

emilschn commented Sep 19, 2024

Problème 1 et 3
Image

Pour regrouper les boutons radio, on se sert d'un fieldset comme recommandé par DSFR.
Il y a donc une balise <legend> à l'intérieur.
Problème : son contenu est vide.

L'idéal, pour ne pas tout casser, serait de prévoir une légende au-dessus des boutons radio. Mais je n'ai pas d'idée.

Un avis @mathildepoulpux ? :)

Problème 2
Il faudrait une legend liée à l'ensemble des champs regroupés dans un fieldset, plutôt qu'un label juste au numéro de téléphone

@mathildepoulpux
Copy link
Collaborator

  • Ecran "Vous déposez un signalement" : les 2 premiers boutons radio n'ont pas de label
    Ajouter en legend Qui est concerné par votre signalement ?

  • Ecran "Vous souhaitez signaler des problèmes sur" : les 3 premiers boutons radio n'ont pas de label
    Ajouter en legend Quelle zone est concernée ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibilité Concerne un problème d'accessibilité Dev S Formulaire 2.0
Projects
Status: Tests
Development

No branches or pull requests

2 participants