Skip to content

fix(a11y): Add label and description to buttons

Pierre Ecarlat requested to merge fix/a11y/accessible-buttons into dev

Related to #658 (closed)

What 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

Edited by Pierre Ecarlat

Merge request reports

Loading