Les outils automatisés de validation de l'accessibilité Web

Les outils automatisés de
validation de
l’accessibilité Web
© Patrick Demers - 2019

ALLO!
Je suis Patrick Demers
Spécialiste en accessibilité @ Ciao
2

3
1. Bases de la validation de l’accessibilité
2. Fonctionnement des outils automatisés
3. Comparatif
4. Essais

1. Bases de la
validation de
l’accessibilité

9
WCAG 2.1

2. Fonctionnement
des outils
automatisés

11
Engin d’essais automatisés
d’accessibilité : axe-core
● propulsé par Deque;
● engin d’essais automatisés d’accessibilité
● s’intégre facilement environnement CI
● engin derrière Lighthouse
et Accessibility Insights for Web

12
axe-core : composition
85 règles qui valident les critères de succès du
WCAG 2.0 et WCAG 2.1;
● 4 règles => 4 cs sur 17 du WCAG 2.1
● 53 règles => 23 cs sur 61 du WCAG 2.0
● 28 règles sont des bonnes pratiques

13
axe-core : validation

14
axe-core : résultat
Succès
● Technique suffisante / recommandée
● Absence de l’élément vérifié
Échec
● Technique suffisante / recommandée
● Échec fréquent

15
axe-core : conclusions
● Ne vériﬁe pas l’ensemble des critères de
succès ni toutes les techniques et échecs;
● N’est pas en mesure de vériﬁer les critères
subjectifs :
○ Une image est décorative ou informative;
○ Une relation entre des éléments;
○ État ouvert / fermé.

16
axe-core : conclusions (suite)
● Contenu peut utiliser aucun technique
suffisante / recommandée et être conforme;
● Échouer technique n’indique pas
nécessairement une non-conformité parce
que la technique vérifie un élément spécifique

3. Comparatif des
outils automatisés

18
axe-core
Fonctionnalités
● Beaucoup d’informations complémentaires;
● Pistes de solution proposées;
● Consignation des réponses des éléments à
vériﬁer.

19
Lighthouse
Fonctionnalités
● Présentation d’essais manuels.

20
Accessibility Insights for Web
● FastPass (essais automatisés)
● Assessment (essais manuels)
● Ad hoc tools

21
FastPass
● Aﬃchage de l’ordre de tabulation
● Pistes de solution proposées;
● Création de problèmes directement vers repo
GitHub ou board Azure.

22
Assessment
● 22 catégories essais assistés ou manuels;
● Consignation des réponses des essais;
● Exportation de rapport;
● Création de problèmes directement vers repo
GitHub ou board Azure.

23
Ad hoc tools
● Couleurs (niveau de gris);
● Automated checks;
● Entêtes (niveau d’entêtes);
● Landmarks (zone avec rôle “repère”);
● Tab stops (arrêt du focus).

24
ARC Toolkit
Fonctionnalité
● Aﬃchage de l’ordre de tabulation;
● Aﬃchage du focus en temps réel;
● Piste de solution proposée;
● Validation du code avec W3C Validator
intégrée.

25
Siteimprove Accessibility Checker
Fonctionnalité

26
Démonstration

27
Essais manuels
● 94 erreurs;
● 58 erreurs détectables manuellement
seulement.

4. Conclusions

29
Un pas dans la bonne direction!
● Amélioration du UX;
● Augmenter le bassin d’utilisateurs;
● Diminuer les appels au service à la clientèle.

30
Est-ce possible d’aller plus loin?

MERCI!
Questions?
Vous pouvez me contacter :
» patrick.demers@ciao.ca
31

Les outils automatisés de validation de l'accessibilité Web

Recommandé

Recommandé

Contenu connexe

Similaire à Les outils automatisés de validation de l'accessibilité Web

Similaire à Les outils automatisés de validation de l'accessibilité Web (20)

Les outils automatisés de validation de l'accessibilité Web