Leçon 13Comment évaluer l'accessibilité de votre contenu Web ?
- Notion 90 - Évaluer l'accessibilité de votre projet numérique à l'aide d'outils de test automatisés
- Notion 91 - Outils d'évaluation des choix de couleurs et des contrastes
- Notion 92 - Outils pour évaluer la lisibilité de votre projet numérique
- Notion 93 - Outils d'inspection du code de votre projet numérique
- Notion 94 - Outils permettant de détecter toute autre violation de l'accessibilité
- Notion 95 - Outils d'évaluation de la conformité globale aux normes WCAG
- Notion 96 - Testez vous-même l'accessibilité des pages Web à l'aide d'outils automatisés.
Notion 93
Outils d'inspection du code de votre projet numérique
Compétences ciblées
L'importance des tests automatisés pour un code accessible
Si vous avez écrit et développé le code de votre projet numérique, effectuer une vérification des composants et des lignes de code inutiles est une partie importante du processus de conception. De nombreux éléments peuvent encombrer votre code et le rendre plus difficile à lire avec les technologies d'assistance. Cependant, l'élimination des éléments superflus de votre code est un processus qui peut être réalisé beaucoup plus efficacement avec des outils de test automatisés. Ils garantissent que votre code est plus propre et mieux organisé, et donc accessible à un large éventail d'utilisateurs.
Liens externes pour tester l'accessibilité du code de votre projet numérique
Les outils mentionnés ici peuvent détecter les problèmes d'accessibilité dès le début de votre projet numérique, dès que vous commencez à coder. Ils résolvent les erreurs, trouvent les fautes de frappe, identifient les utilisations incorrectes, réduisent le code et offrent une assistance. Certains donnent même des conseils sur les risques d'utilisabilité.
- Service de validation CSS : http://www.css-validator.org/
- Service de validation du balisage du W3C : https://validator.w3.org/
- HTML_CodeSniffer : http://squizlabs.github.io/HTML_CodeSniffer/
- Rocket Validator : https://rocketvalidator.com/
- Compresseur JavaScript/CSS/HTML en ligne :
Voici à quoi ressemble l'outil HTML_CodeSniffer en pratique :

Description de l'image
Capture d'écran de l'outil HTML_CodeSniffer listant des erreurs de code selon les critères de la WACG.