Fenêtre modale de type dialog

Hyperlien avant le bouton.

Hyperlien après le bouton.

Raccourcis clavier

Touche Fonction
tab
  • Déplace le focus sur le prochain élément pouvant recevoir le focus dans la fenêtre modale;
  • Lorsque le focus est sur le dernier élément pouvant recevoir le focus, le focus se déplace au premier élément pouvant recevoir le focus de la fenêtre modale.
Maj + tab
  • Déplace le focus sur l'élément précédent pouvant recevoir le focus dans la fenêtre modale;
  • Lorsque le focus est sur le premier élément pouvant recevoir le focus, le focus se déplace au dernier élément pouvant recevoir le focus de la fenêtre modale.
Échap Ferme la fenêtre modale.

Rôle ARIA, propriétés et états

Rôle Attribut Élément Utilisation
dialog <div> Identifie l'élément qui sert de conteneur pour la fenêtre modale.
tabindex="-1" <div> Permet de déposer le focus sur la fenêtre modale par programmation.
document <div> Permet de rendre le contenu de la fenêtre modale naviguable au clavier.
aria-hidden <div> Permet de cacher ou afficher du contenu au lecteur d'écran.
aria-labelledby <div> Permet de libeller la fenêtre modale.
aria-describedby <div> Message à transmettre à l'utilisateur.

Retourner à l'index