fix(a11y): Add label and description to buttons
#658 (closed)
Related toWhat does this MR do and why?
A quoi servent nos boutons ?
-
Rajouté un label (ChallengeCard) + supprimé les doublons entre aria-label et le button text
Vérifier les labels / descriptions des boutons (Mantis) -
Mis à jour le mdp d'egl
L’icône pour afficher/masquer le mot de passe n’est pas compatible avec les technologies d’assistance. Pour la navigation au clavier il est préférable d’utiliser un élément . Il faut ensuite ajouter des attributs « role="switch" », « aria-checked="true" » (true/false) et « aria-label="Afficher" » (Afficher/Masquer) (Mantis) -
RAS ✅
Concernant les inputs, il faut également ajouter le bon type de champ (« type="email" », familiy-name, tel...). Il faut relier les champs en erreur avec leur message d’erreur via l’utilisation de l’attribut « aria-describedby="ID-erreur" » (sur le champ) / ID du message d’erreur. -
RAS ✅
Vérifier sur tout le site