Nos critères incontournables

Introduction #

Vous l'avez sans doute remarqué, nous vous proposons désormais 3 nouvelles checklists de critères incontournables pour débuter votre chemin vers une production accessible.

Cette idée est née lorsque nous nous sommes aperçus qu'à de très (trop) nombreuses reprises, nous détections beaucoup de non-conformités durant la période d'audit final ou de déclaration d'accessibilité, alors que ces anomalies auraient pu être évitées en amont et sans nécessité la présence d'expert·es sur le sujet.

Pour aider les projets à améliorer leurs produits dès la conception, pendant les développements et sans attendre le verdict d'un·e expert·e, nous nous sommes lancés dans la construction d'une grille de tests que tout à chacun serait en mesure d'exécuter sans expertise et avec très peu d'outils.

Ces checklists s'adressent à de nombreux profils contributeurs sur un projet durant les phases de design, de build ou de run.

Sans plus attendre voici nos checklists :

• Les incontournables pour le Web
• Les incontournables pour Android
• Les incontournables pour iOS

Pourquoi ces critères ? #

Nous avons défini 11 critères, classés par thématiques pour que vous puissiez vous y retrouver. Pourquoi 11 ? Pour rappeler le 11 du numéronyme a11y bien sûr !

Certains critères WCAG ne sont pas toujours évidents à comprendre ni à tester, alors pour éviter de vous arracher les cheveux nous avons fait en sorte que chaque critère soit facile à tester.

Attention, ces critères ne vont pas rendre pleinement votre produit accessible mais ils sont sans aucun doute indispensables pour y parvenir.

Critères communs web et mobile #

• Donner un titre aux pages
• Alternative textuelle aux images
• Contraste des textes suffisamment élevé
• La couleur ne doit pas être la seule source d'information
• Utilisation au clavier
• Nom des champs de formulaire
• Messages d'erreurs pertinents

Critères spécifiques web #

• Donner des titres aux rubriques
• Indiquer la langue principale
• Contrôle des animations
• Affichage en mode responsive

Critères spécifiques mobile #

• Agrandissement de texte
• Zones tactiles assez grandes
• Orientation portrait et paysage
• Restitution au lecteur d'écran

Comment utiliser les checklists ? #

Nous présentons chaque critère en 3 parties :

• Procédure : ce que vous devez faire avec l'inspecteur de code ou avec l'outil proposé
• À vérifier : ce que vous devez vérifier
• Résultats : ce que vous devez constater

Astuce de l'expert #

Certains critères sont facilement implémentables et testables dans les gabarits ou maquettes de pages Web et mobile.

Par exemple :

• la langue du document
• le titre de page
• les couleurs et contrastes
• la navigation au clavier et la mise en visibilité du focus

Pour conclure #

Nous comptons sur vous pour utiliser ces checklists à chaque début de projet, puis régulièrement tout au long du projet, afin de garantir la non-régression.

Ce n'est que la première marche et il ne faut pas s'arrêter là. Une fois ces critères compris et intégrés, il sera alors possible de se concentrer sur les autres critères d'accessibilité pour aller encore plus loin dans la qualité des produits développés.