Interaction au clavier

ToucheAction
Chiffres ou lettresRemplissent la case actuelle et passent à la suivante.
Retour arrièreSupprime le caractère avant le curseur.
Flèches gauche et droiteDéplacent d’une case ; une case remplie est sélectionnée, et la saisie la remplace donc.
CollerRemplit les cases à partir d’un code copié.

Notes d’accessibilité

  • Les lecteurs d’écran rencontrent un seul champ de texte. Donnez-lui un libellé avec aria-label ou un <label>.
  • Les cases sont masquées aux technologies d’assistance ; la case en cours de saisie affiche l’indicateur de focus.
  • Quand les animations sont réduites, le curseur ne clignote pas et les cases ne sautillent ni ne tremblent.