Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Barrierefreiheit
Pourquoi un site web doit-il rester calme lors de la navigation au clavier ?
Un site web doit rester calme lors de la navigation au clavier, car cibler n'est que marquer — pas encore une décision. Celui qui saute d'élément en élément avec la touche de tabulation regarde autour de lui, comme un client qui parcourt les rayons d'un magasin. Si une nouvelle page ou une fenêtre s'ouvre sans invitation, le visiteur perd ses repères. Le critère WCAG 3.2.1 interdit ces surprises.
Cibler et activer sont deux étapes séparées
Lors de la navigation au clavier, une marque visible — le focus — se déplace d'un élément à l'autre à chaque appui sur la touche de tabulation. Seule la touche Entrée active l'élément marqué. Cette séparation est vitale pour l'orientation de nombreuses personnes : les visiteurs aveugles se font d'abord lire chaque élément marqué avant de décider. Les personnes atteintes de tremblement contrôlent parfois involontairement les éléments. Si la page change déjà lors du marquage — par exemple parce qu'un élément de menu charge la sous-page immédiatement lors de l'accès — ces visiteurs ne peuvent jamais le dépasser sans changer de page. Ils sont coincés comme dans une porte tournante qui tourne à chaque contact.
Comment le service de contrôle mesure le comportement du focus
Le service de contrôle utilise votre page dans un vrai navigateur : il appuie sur la touche de tabulation, arrêt après arrêt, et enregistre chaque étape du voyage du focus. Si l'adresse de la page change pendant ce voyage — sans qu'une touche Entrée soit enfoncée — alors le simple ciblage a déclenché un changement de page. Le rapport le considère comme une violation et nomme l'adresse où la mesure a atterri. Si le voyage traverse au moins trois arrêts sans un tel changement, le critère est considéré comme satisfait. Si la page offre moins de trois arrêts ciblables, la mesure reste délibérément indécise et le rapport désigne ce critère comme un point de contrôle manuel.
Beispiele
Fokus öffnet ein Fenster
<input name="plz" onfocus="zeigeHilfeDialog()"><input name="plz" aria-describedby="plz-hilfe">
<p id="plz-hilfe">Vier Ziffern, etwa 8010.</p>Der Fokus wandert beim Durchgehen mit Tab über jedes Element. Passiert dabei etwas, verliert der Besucher die Stelle.
- Appuyez plusieurs fois sur la touche de tabulation sur votre page d'accueil et observez si la page reste calme et à sa place.
- Testez particulièrement les menus déroulants et les sélecteurs de langue — c'est là que l'activation au ciblage est la plus souvent intégrée.
- Demandez à votre agence de lier chaque action à une vraie étape d'interaction : touche Entrée, barre d'espace ou clic, jamais au simple ciblage.
- Testez à nouveau avec la touche de tabulation après l'intégration d'un nouveau menu ou élément de recherche.