Mot de passe

Le mot de passe est un élément d’interaction avec l’interface permettant d’aider l’usager à créer ou saisir un mot de passe.

Le composant Mot de passe est conçu pour être accessible et respecter les critères du RGAA. Voici les points clés à prendre en compte pour en garantir l’accessibilité.

Interactions clavier

Aucune interaction au clavier spécifique au composant.

Règles d’accessibilité

Reprendre les éléments d'accessibilité liés au composant champ de saisie

Structuration

• Le champ de mot de passe doit avoir :
  • un type password.
  • un attribut autocomplete="new-password" pour la création ou autocomplete="current-password" pour la connexion.
• La case à cocher pour révéler ou masquer le mot de passe a un intitulé explicite donné par l’attribut aria-label qui reprend l'intitulé visible.

Contrastes de couleurs

La navigation principale est suffisamment contrastée en thème clair et en thème sombre.

---

Restitution par les lecteurs d’écran

Aucun test de restitution n’est nécessaire pour le composant Mot de passe.

---

Critères RGAA applicables

• Couleurs : 3.2, 3.3
• Liens : 6.1, 6.2
• Présentation de l’information : 10.1, 10.2, 10.3,10.4, 10.5, 10.7, 10.8, 10.11, 10.12
• Formulaires : 11.1, 11.2, 11.9, 11.10, 11.11, 11.13
• Navigation : 12.8, 12.9
• Consultation : 13.9, 13.11

Références

• Référentiel général d’amélioration de l’accessibilité (RGAA 4.1.2)