More Related Content Similar to Les outils automatisés de validation de l'accessibilité Web (20) Les outils automatisés de validation de l'accessibilité Web3. 3
1. Bases de la validation de l’accessibilité
2. Fonctionnement des outils automatisés
3. Comparatif
4. Essais
© Patrick Demers - 2019
4. 1. Bases de la
validation de
l’accessibilité
© Patrick Demers - 2019
11. 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
© Patrick Demers - 2019
12. 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
© Patrick Demers - 2019
14. 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
© Patrick Demers - 2019
15. 15
axe-core : conclusions
● Ne vérifie pas l’ensemble des critères de
succès ni toutes les techniques et échecs;
● N’est pas en mesure de vérifier les critères
subjectifs :
○ Une image est décorative ou informative;
○ Une relation entre des éléments;
○ État ouvert / fermé.
© Patrick Demers - 2019
16. 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
© Patrick Demers - 2019
21. 21
Accessibility Insights for Web
FastPass
● Affichage de l’ordre de tabulation
● Pistes de solution proposées;
● Beaucoup d’informations complémentaires;
● Création de problèmes directement vers repo
GitHub ou board Azure.
© Patrick Demers - 2019
22. 22
Accessibility Insights for Web
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.
© Patrick Demers - 2019
23. 23
Accessibility Insights for Web
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).
© Patrick Demers - 2019
24. 24
ARC Toolkit
Fonctionnalité
● Affichage de l’ordre de tabulation;
● Affichage du focus en temps réel;
● Piste de solution proposée;
● Validation du code avec W3C Validator
intégrée.
© Patrick Demers - 2019
29. 29
Un pas dans la bonne direction!
● Amélioration du UX;
● Augmenter le bassin d’utilisateurs;
● Diminuer les appels au service à la clientèle.
© Patrick Demers - 2019