Faites l'essai sur votre propre site : rangez la souris et parcourez la page uniquement avec la touche Tab. Le focus saute d'un lien ou d'un bouton au suivant, et la page défile pour suivre. Puis, sur bien des sites ontariens, quelque chose se brise en silence. Un en-tête fixe glisse par-dessus le haut de la page, ou un bandeau de témoins reste collé au bas, ou une bulle de clavardage flotte dans un coin - et ça recouvre exactement l'élément que vous venez d'atteindre. Vous ne voyez plus où vous êtes. Pour une personne qui navigue sans souris, c'est le moment où le site cesse d'être utilisable. Les WCAG 2.2 ont donné un nom à ce manquement, et il vaut la peine de le comprendre avant l'échéance de déclaration de décembre 2026 en Ontario.
Faits saillants
- 2.4.11 Cible du focus non masquée (minimum) est un critère de succès de niveau AA qui est nouveau dans les WCAG 2.2 (Règles pour l'accessibilité des contenus Web), publiées par le W3C en octobre 2023 (W3C).
- Le critère exige que, lorsqu'un composant reçoit le focus au clavier, il ne soit pas entièrement masqué par du contenu ajouté par l'auteur du site, comme un en-tête fixe, un pied de page fixe ou un bandeau de témoins (W3C).
- Le RNAI de l'Ontario (Règlement sur les normes d'accessibilité intégrées, Règl. de l'Ont. 191/11, art. 14) exige actuellement les WCAG 2.0 niveau AA - pas les 2.2 - pour les organisations de 50 employés ou plus (ontario.ca).
- Le prochain RCA (rapport de conformité en matière d'accessibilité) est dû le 31 décembre 2026 pour les organisations de 20 employés ou plus (ontario.ca).
- La LAPHO (Loi sur l'accessibilité pour les personnes handicapées de l'Ontario) ne prévoit pas de droit d'action privé; la voie individuelle est une plainte au TDPO (Tribunal des droits de la personne de l'Ontario) en vertu du Code des droits de la personne de l'Ontario (ontario.ca).
Que veut dire concrètement « cible du focus non masquée »?
Une personne au clavier parcourt une page un élément à la fois. Chaque arrêt devrait montrer un indicateur de focus visible pour qu'elle voie quel lien, bouton ou champ est actif. Le critère 2.4.11 ajoute une deuxième exigence, distincte : l'élément ciblé lui-même ne doit pas être complètement masqué par quelque chose que le site place par-dessus.
Le mot « minimum » compte. Cette règle demande seulement qu'au moins une partie de l'élément ciblé reste visible. Un cousin plus strict, le 2.4.12 Cible du focus non masquée (amélioré), est de niveau AAA et exige que rien ne le recouvre du tout. Pour la plupart des entreprises ontariennes, la cible pratique est la version de niveau AA : rien de ce que vous avez construit ne devrait avaler un élément ciblé en entier.
Où est-ce que ça déraille dans la vraie vie? Presque toujours avec du contenu qui reste fixe pendant que la page défile :
- Un en-tête de navigation fixe qui remonte vers un lien ciblé et l'enterre.
- Un bandeau de témoins ou de consentement collé au bas de la fenêtre, posé par-dessus le dernier contrôle ciblé de la page.
- Un widget de clavardage ou un bouton flottant « retour en haut » garé dans un coin.
Rien de tout ça ne semble brisé pour une personne à la souris, parce qu'une souris ne dépend jamais du défilement du navigateur pour amener le focus à l'écran. C'est justement pour ça que le problème survit si longtemps : les gens qui livrent le site le parcourent rarement au clavier.
L'Ontario l'exige-t-il déjà?
Voici la réponse honnête, parce qu'il est facile d'en exagérer la portée. L'exigence web du RNAI de l'Ontario vise les WCAG 2.0 niveau AA. Le critère 2.4.11 est un ajout des WCAG 2.2; à lui seul, ne pas respecter le 2.4.11 n'est donc pas un manquement au libellé actuel du RNAI. Quiconque vous dit que ce numéro précis est « la loi » en Ontario aujourd'hui devance le règlement.
Deux choses l'empêchent d'être purement théorique, par contre.
D'abord, l'objectif derrière le 2.4.11 est déjà obligatoire. Les WCAG 2.0 niveau AA - la version que l'Ontario exige - incluent l'accessibilité au clavier (2.1.1) et un indicateur de focus visible (2.4.7). Un focus que vous ne pouvez littéralement pas voir parce qu'un bandeau est par-dessus mine ces deux exigences. Le nouveau critère n'a pas inventé l'obligation de laisser travailler les personnes au clavier; il a précisé une façon courante dont les sites la brisent. Si vous respectez déjà les exigences liées au clavier, un focus masqué est une brèche dans cette même couverture.
Ensuite, la norme évolue. L'Ontario réfère aux WCAG 2.0 aujourd'hui, mais les 2.2 sont la meilleure pratique actuelle, et construire vers elles maintenant veut dire que vous ne referez pas le travail plus tard. On explique ce qui a changé entre 2.0 et 2.2 et pourquoi les 2.2 sont la direction que prend la province séparément. Le fil conducteur : la personne qui dépose une plainte au TDPO est une vraie cliente qui n'a pas pu finir ce qu'elle était venue faire, pas un organisme qui vérifie un numéro de version.
Comment le trouver et le corriger?
Le trouver est gratuit et prend quelques minutes. Débranchez la souris. Parcourez la page du haut vers le bas avec Tab et regardez si le focus disparaît un jour derrière un élément fixe. Faites-le avec le bandeau de témoins encore ouvert, avec le widget de clavardage chargé, et sur un écran de largeur téléphone, puisque les barres fixes y sont les plus agressives.
La correction appartient à votre code source, pas à un widget. La réparation habituelle est en CSS : réglez scroll-padding-top sur le conteneur défilant à la hauteur de votre en-tête fixe, et ajoutez scroll-margin aux cibles pouvant recevoir le focus, pour que le navigateur amène chaque élément ciblé au clair plutôt que sous l'en-tête. Une surcouche d'accessibilité ne peut pas repositionner de façon fiable vos propres éléments fixes, parce qu'elle ne connaît ni leur hauteur ni votre mise en page. C'est un correctif de mise en page, et les correctifs de mise en page vivent dans la feuille de style.
Une fois terminé, gardez une note datée de ce que vous avez testé et changé. Ce registre vaut bien plus qu'un badge si une plainte finit par arriver.
Vous voulez savoir ce qu'une personne au clavier rencontre vraiment sur votre site avant qu'une cliente le fasse? Rapport Vayle gratuit, environ 30 secondes : vayle.art. Il détecte les surcouches, révèle les vrais manquements aux WCAG et vous dit exactement ce qui s'applique légalement à votre organisation en Ontario. Sans obligation.
Vayle est un studio d'ingénierie de l'accessibilité à distance qui dessert l'Ontario. Information générale, pas un avis juridique.