Accessibilité du composant Dialog

Interaction au clavier

Touche	Action
`Tab`	Déplace le focus vers l’élément suivant de la boîte de dialogue.
`Maj + Tab`	Déplace le focus vers l’élément précédent de la boîte de dialogue.
`Échap`	Ferme la boîte de dialogue, sauf si elle impose un choix.

L’ouverture avec showModal() donne à la boîte de dialogue role="dialog" et une sémantique modale, et rend le reste de la page inerte.
Le titre et la description sont reliés par des id générés : les lecteurs d’écran annoncent les deux à l’ouverture.
Le focus initial va à l’élément qui porte autofocus, sinon au premier élément focalisable. Pour une confirmation d’action destructrice, placez autofocus sur le choix sans risque.
À la fermeture, le focus revient à l’élément qui a ouvert la boîte de dialogue.
Un navigateur peut tout de même fermer une boîte de dialogue qui impose un choix après plusieurs appuis sur Échap sans autre interaction : proposez toujours une sortie explicite.