Outils pour l'accessibilité
Outils, extensions et technologies.
Outils recommandés pour tester lors de votre développement
En prenant connaissance des principes d’accessibilité (perceptible, opérable, compréhensible et robuste), les outils suivants peuvent être utilisés pour vous aider à effectuer les vérifications d’accessibilité du site Web.
- Installer la barre de développement Web de Chrome ou Firefox pour vérifier le site sans CSS, sans javascript et voir les textes de remplacements
- Utiliser W3C HTML Validator pour valider le code
- Tester l’accessibilité en général de vos page en utilisant la barre d’outil WAVE ou en vérifiant avec la version en ligne
- Utiliser un outil pour sélectionner une palette de couleurs avec suffisamment de contraste conforme à WCAG et analyser la conformance à WCAG avec le Color Contrast Analyzer
- Tester avec un lecteur d’écran. Soit JAWS (Job Access with Speech) ou les logiciels gratuits NVDA : https://www.nvaccess.org/download/ et VoiceOver pour Safari.
Voici ce que nous ferons comme tests initiaux de votre version préliminaire. Nous nous assurerons que :
- Le site permet la navigation par tabulation
- Tous les éléments interactifs sont clairement visibles lorsqu’ils sont ciblés par le clavier
- Le site démontre une conception adaptative adéquate
- Le site a été testé et fonctionne sans heurt sur un Mac au moyen de Safari, Firefox et Chrome
- Le site a été testé et fonctionne sans heurts sur Windows au moyen de Edge, Firefox et Chrome
- Le site ne se brise pas et peut présenter le contenu de façon simplifiée lorsque JavaScript et CSS ne se chargent pas ou ne sont pas disponibles
- L’information, la structure et les relations sont reflétées dans le balisage.
Et finalement, nous passerons à travers les normes WCAG 2.1 de niveau AA (WCAG 2.1 AA requirements quick check list (en anglais seulement).
Pour plus de renseignements, veuillez consulter les lignes directrices Web Content Accessibility Guidelines (WCAG) 2.1 (en anglais seulement). La traduction de WCAG 2.1 n’existe pas encore mais vous pouvez consulter 2.0 en français : https://www.w3.org/Translations/WCAG20-fr/.