En Ontario, le WCAG 2.0 AA est une échéance légale déjà passée

L'affirmation

L'accessibilité est classée dans les « souhaits » du carnet de la plupart des entreprises ontariennes. Elle n'est plus facultative depuis le 1er janvier 2021. En vertu du Règlement sur les normes d'accessibilité intégrées de la LAPHO, les organisations désignées du secteur public et les organisations privées de 50 employés ou plus doivent rendre leurs sites Web publics et leur contenu conformes au WCAG 2.0 niveau AA, sauf pour le sous-titrage en direct et l'audiodescription préenregistrée. L'échéance est passée. La plupart des sites ne sont pas conformes.

Ce qu'exige réellement la conformité

Le règlement vise les sites Web et le contenu publiés après le 1er janvier 2012, ce qui, en pratique, englobe tout ce que vous servez aujourd'hui. La bonne nouvelle : une large part des manquements typiques provient d'un petit nombre de causes, et elles se corrigent à peu de frais.

Trouvez vos manquements en vingt minutes

Les outils automatisés détectent environ un tiers des problèmes — pas tout, mais un tiers est un vrai départ et cela ne coûte rien :

npx @axe-core/cli https://exemple.ca --exit
npx @axe-core/cli https://exemple.ca/produits https://exemple.ca/contact

Faites ensuite les deux vérifications manuelles qui attrapent l'essentiel de ce que l'outillage rate :

1. Débranchez la souris. Parcourez une tâche complète à la touche de tabulation : trouver un produit, l'ajouter au panier, payer. Surveillez l'indicateur de focus. Si vous ne voyez pas où vous êtes, ou si le focus disparaît dans une fenêtre modale dont vous ne pouvez sortir, c'est un manquement aux conséquences réelles pour de vraies personnes.
2. Zoomez à 200 %. Le contenu doit rester lisible et fonctionnel. Défilement horizontal et textes superposés sont fréquents et immédiatement visibles.

Les cinq manquements les plus fréquents

• Contraste sous 4,5:1 sur le texte courant. Généralement du gris pâle sur blanc, choisi parce que c'était élégant dans le fichier de conception. La correction tient dans une variable.
• Champs de formulaire sans étiquette programmatique. Un texte indicatif n'est pas une étiquette : il disparaît au focus et les lecteurs d'écran peuvent ne pas l'annoncer.

  <label for="email">Adresse courriel</label>
  <input id="email" name="email" type="email" autocomplete="email">

• Images porteuses de sens avec un texte de remplacement vide. Une photo de produit avec alt="" n'apprend rien à une personne utilisant un lecteur d'écran sur ce qu'elle achète.
• Des div employés comme boutons. Un div muni d'un gestionnaire de clic n'est pas atteignable au clavier et n'est pas annoncé comme une commande. Utiliser un vrai élément button règle plusieurs manquements d'un coup.
• Styles de focus absents ou invisibles. Quelqu'un a retiré le contour par défaut du navigateur parce qu'il trouvait cela négligé, sans rien mettre à la place.

Ce que l'outillage ne peut pas vous dire

Un rapport axe sans erreur n'est pas une conformité. L'outil vérifie qu'une image possède un texte de remplacement ; il ne vérifie pas que ce texte est utile, et alt="image1.jpg" passe le contrôle sans aider personne. Il en va de même pour la structure des titres, le libellé des liens et les messages d'erreur : une page peut satisfaire chaque règle automatisée tout en restant incompréhensible dans un lecteur d'écran. Considérez le résultat automatisé comme le plancher à franchir avant que la vraie revue commence, pas comme le résultat.

L'obligation de conformité au-delà du code

Les organisations de 20 employés ou plus doivent déposer un rapport de conformité en matière d'accessibilité auprès de la province, et l'exigence d'un plan pluriannuel d'accessibilité est distincte de la conformité technique elle-même. Respecter le WCAG sur le site ne libère pas de l'obligation de déclaration, et déposer le rapport ne rend pas conforme un site qui ne l'est pas. Ce sont deux choses distinctes, et les entreprises font couramment l'une en supposant qu'elle couvre l'autre.

L'argument qui ne dépend pas de la loi

Environ une personne sur cinq au Canada déclare un handicap, et la proportion grimpe fortement avec l'âge. Chaque correction ci-dessus aide aussi une personne au bras cassé, à l'écran fissuré, sur une terrasse en plein soleil ou avec une connexion lente. Un balisage sémantique et de vraies étiquettes améliorent la façon dont les technologies d'assistance, les robots d'indexation et le remplissage automatique interprètent vos pages : le formulaire accessible est aussi celui qui se remplit correctement sur un téléphone.

Par où commencer lundi

Passez axe sur vos cinq pages les plus fréquentées. Corrigez d'abord le contraste et les étiquettes de formulaire : ensemble, c'est généralement une journée de travail et cela représente une large part des constats automatisés. Parcourez ensuite votre tunnel de paiement sans souris et corrigez ce qui vous bloque. Pour le reste, prévoyez une revue avec une personne qui utilise un lecteur d'écran au quotidien : deux heures avec une testeuse expérimentée révèlent plus qu'une semaine de suppositions internes, et les constats arrivent sous forme de liste précise plutôt que d'inquiétude diffuse.