Accessibilité ≠ Overlay : quand une fenêtre modale bloque la navigation au clavier
Une fenêtre modale peut aider à confirmer un achat, à se connecter ou à consulter une information importante. Mais une mauvaise gestion du focus et du clavier peut empêcher de terminer l’action.
Un obstacle qui surgit
Vous activez « Continuer » et une fenêtre s’ouvre. Pourtant, le lecteur d’écran lit encore la page derrière, ou le clavier ne permet pas d’atteindre « Fermer ». L’action est interrompue.
Qu’est-ce qu’une fenêtre modale ?
Une boîte de dialogue modale concentre temporairement l’interaction sur une tâche. Tant qu’elle est ouverte, les éléments en arrière-plan ne doivent pas recevoir le focus. Toutes les fenêtres surgissantes ne doivent pas nécessairement être modales.
Le focus doit suivre l’action
À l’ouverture, le focus rejoint un élément approprié de la fenêtre. Tab et Maj+Tab parcourent ses commandes sans passer à l’arrière-plan. À la fermeture, le focus revient généralement à l’élément déclencheur.
Des noms clairs et des commandes identifiables
La fenêtre doit posséder un nom accessible, souvent associé à son titre. Les boutons doivent annoncer « Enregistrer », « Annuler » ou « Fermer ». Une simple croix sans libellé ne suffit pas.
Fermer sans rester bloqué
En règle générale, Échap permet de fermer la fenêtre. Certaines confirmations nécessitent une gestion particulière, mais les choix doivent rester compréhensibles.
Les erreurs fréquentes
Focus perdu derrière la fenêtre, éléments d’arrière-plan encore actifs, messages non annoncés et boutons inaccessibles lorsque le texte est agrandi.
Comment vérifier le fonctionnement
Ouvrez la fenêtre au clavier. Contrôlez le focus initial, Tab, Maj+Tab, Échap lorsque cela convient et le retour du focus. Recommencez avec des lecteurs d’écran et sur mobile.
Ce qu’apporte Blind Reader
Blind Reader facilite l’orientation et la navigation avec les lecteurs d’écran habituels. Ses corrections ciblées peuvent améliorer certaines interactions ; la fenêtre modale doit également gérer correctement le focus.
Une fenêtre qui permet d’avancer
Une fenêtre modale accessible permet de comprendre, choisir et reprendre son parcours sans se perdre.
Sources et références
Épisode 20 · Accessibilité ≠ Overlay