Navigation sans souris
Focus clavier : élément actif et panneaux fixes du parcours
Un élément peut recevoir le focus tout en étant masqué par un panneau fixe. La recette doit suivre le trajet clavier et retrouver l’action active dans sa situation réelle de présentation.
Source et portée du repère
Le critère 2.4.11 demande qu’un composant recevant le focus clavier ne soit pas entièrement caché par du contenu créé par l’auteur.
W3C WAI : Focus Not Obscured Minimum, WCAG 2.2 — consultée le . Repère minimum de non-recouvrement ; visibilité du focus, ordre de navigation et autres critères restent des contrôles distincts.
Les contrôles qui suivent constituent une méthode éditoriale de Performance Voyage. Ils ne rapportent aucune opération exécutée sur un compte fournisseur.
Choisir un trajet de tâche représentatif
Préparez un trajet de lecture et d’action sans souris, avec des données fictives si des champs sont concernés. Notez l’élément actif à chaque étape importante. Le registre ne se limite pas à constater que la touche Tab change quelque chose. Il doit permettre de retrouver quelle action sera utilisée et dans quel contexte de page.
Examiner le recouvrement dans les états utiles
Faites apparaître les panneaux prévus par le parcours : en-tête fixe, aide ou récapitulatif. Le contrôle compare leur présence avec l’élément qui reçoit le focus. Un état sans panneau ne prouve pas le résultat quand il est ouvert. Une capture garde l’élément et les superpositions utiles, sans conclure à la visibilité de tous les composants du site.
Rejouer après correction et garder les limites
La reprise suit le même trajet avec le même état du panneau. Une correction peut déplacer le contenu sans préserver l’ordre ou le repère visuel de l’action. Le compte rendu distingue non-recouvrement, indication du focus et résultat de navigation. Ces preuves se complètent, mais une réussite sur l’une ne certifie pas automatiquement les autres.
Deux cas fictifs à faire rapprocher
L’action reçoit le focus sous un en-tête fixe
Scénario fictif : le clavier arrive sur une commande que la superposition cache entièrement. Retrouvez élément, position et état de l’en-tête. La correction doit rendre la tâche observable dans cette situation.
La revue est faite uniquement panneau fermé
Scénario fictif : un récapitulatif s’ouvre pendant le parcours et couvre l’élément actif. Rejouez le trajet avec cet état. La preuve doit inclure la superposition réellement proposée à l’utilisateur.
Conserver les preuves et la prochaine décision
| Point | Preuve à retrouver | Contrôle proposé |
|---|---|---|
| Tâche | Parcours fictif sans souris | Définir l’action utile. |
| Trajet | Étapes au clavier | Retrouver la progression. |
| Actif | Composant recevant le focus | Nommer la cible. |
| Panneau | État et superposition | Fixer le contexte. |
| Visibilité | Recouvrement observé | Examiner la portée. |
| Correction | Composant modifié | Limiter le changement. |
| Reprise | Même trajet et état | Comparer le résultat. |
| Limites | Ordre et indication à relire | Séparer les critères. |
L’action active reste retrouvable dans les états examinés. Le suivi précise le recouvrement observé et les critères encore ouverts ; la méthode ne déclare pas tout le clavier conforme sur un seul trajet.
Erreurs à éviter
- Tester seulement panneau fermé.
- Assimiler focus reçu et action visible.
- Confondre non-recouvrement et ordre correct.
La fiche de contrôle permet de suivre les huit points. Le registre associé peut être préparé dans l’atelier avec des références fictives ou anonymisées.
Sources et périmètre des faits documentés
La date de consultation figure avec chaque référence. Les méthodes d’essai et recommandations de ce guide sont éditoriales ; les conditions d’accès et d’usage se vérifient dans la documentation actuelle.
- W3C WAI : Focus Not Obscured Minimum, WCAG 2.2 — Repère minimum de non-recouvrement ; visibilité du focus, ordre de navigation et autres critères restent des contrôles distincts. (consultée le )
Questions fréquentes
Questions utiles avant de décider
Recevoir le focus suffit-il ?
Il faut aussi retrouver l’élément dans le contexte de présentation.
Quels panneaux examiner ?
Ceux qui peuvent couvrir les actions du trajet utile.
La réussite certifie-t-elle tout le clavier ?
Elle prouve seulement le périmètre et le critère examinés.