Depuis le 1er janvier 2021, la plupart des sites web publics doivent satisfaire à WCAG 2.0 niveau AA en vertu de la Loi sur l’accessibilité pour les personnes handicapées de l’Ontario (LAPHO).
Cette obligation vise les organisations du secteur public ainsi que les organisations privées ou sans but lucratif comptant au moins 50 employés.
Le module Lighthouse , qui s’appuie sur AXE pour les tests d’accessibilité, est intégré d’office à Google Chrome (appuyez simplement sur F12).
Les rapports Lighthouse couvrent la performance, l’accessibilité, les bonnes pratiques et le SEO — qui touchent tous, d’une façon ou d’une autre, à l’accessibilité d’un site. Après tout, à quel point une page est-elle vraiment accessible si elle se charge trop lentement pour être utile?
Pourquoi Lighthouse?
Lighthouse automatise remarquablement bien plusieurs des vérifications WCAG 2.0 niveau AA exigées par la LAPHO, grâce à une suite complète de tests qui met en évidence les erreurs et les avertissements et recommande des correctifs. Certaines vérifications doivent toutefois se faire manuellement : plusieurs exigences d’accessibilité échappent à l’automatisation.
Quelques tests d’accessibilité à vérifier manuellement sur votre site :
L’ordre de tabulation de la page est-il logique?
Assurez-vous que l’ordre dans lequel les éléments reçoivent le focus suit généralement l’ordre de lecture lorsqu’on parcourt la page à la tabulation.
Les commandes interactives sont-elles focalisables au clavier?
Permettez le focus sur chaque commande personnalisée et affichez un indicateur lorsqu’elle l’a.
Les éléments interactifs indiquent-ils leur rôle et leur état?
Distinguez les liens, boutons et autres éléments interactifs des éléments non interactifs, et signalez leur état.
Le focus de l’utilisateur est-il dirigé vers le nouveau contenu ajouté à la page?
Attirez l’attention sur les mises à jour de la page (déclenchées par AJAX, par exemple) au moyen d’un titre approprié et du focus sur l’élément.
Le focus clavier ne reste-t-il pas piégé dans une région?
Laissez l’utilisateur circuler librement d’un élément à l’autre de la page au clavier seulement.
Les commandes personnalisées ont-elles des étiquettes associées?
Développez les commandes interactives de façon à ce qu’elles soient focalisables au clavier.
Les commandes personnalisées ont-elles des rôles ARIA?
Attribuez un attribut de rôle approprié et les attributs ARIA associés. Indiquez également la propriété et l’état des commandes personnalisées.
L’ordre visuel de la page suit-il l’ordre du DOM?
Évaluez si :
les éléments du DOM sont disposés dans un ordre logique;
le contenu hors écran est bel et bien exclu de la navigation.
Le contenu hors écran est-il masqué aux technologies d’assistance?
N’exposez aux lecteurs d’écran que les parties visibles de la page.
Les éléments repères HTML5 sont-ils utilisés pour améliorer la navigation?
Utilisez les éléments repères HTML5 comme header, nav, main, aside et footer, qui mettent la page en contexte pour les lecteurs d’écran et leur permettent de sauter directement à ces régions. Vous améliorerez nettement l’expérience des personnes qui utilisent des technologies d’assistance.
Ouf, la liste est longue!
Mais attendez!! S’il ne suffit pas de se fier à une suite de tests automatisée, la liste des tests d’accessibilité pris en charge par Lighthouse vous épargnera des centaines d’heures de tests manuels. Exécutez donc Lighthouse régulièrement sur toutes vos pages pour vous assurer que chaque mise à jour de contenu demeure conforme.
C’est dans cet esprit que les développeurs de Cantan Group ont créé ACHECKS , une plateforme d’analytique en accessibilité qui génère automatiquement des rapports Lighthouse réguliers sur l’ensemble de vos sites.
Vous recevez des rapports d’accessibilité détaillés mettant en évidence les erreurs, les avertissements et les pistes de remédiation — toute la puissance de Lighthouse, mobile et bureau, au même endroit, avec des résultats agrégés pour un ou plusieurs domaines. Résultat : du temps gagné.
Écrivez-nous ci-dessous pour planifier une démonstration gratuite pour votre équipe.