Engagement en matière d'accessibilité

CensusIO vise la norme WCAG 2.2 niveau AA. Cette page est un compte rendu honnête de ce que cela signifie dans le produit aujourd’hui : ce qui est construit, et ce qui reste à venir.

Ce qui est construit

HTML sémantique et contrôles natifs. Les boutons, liens, listes déroulantes et cases à cocher sont les véritables éléments, de sorte que le comportement au clavier et avec les technologies d’assistance provient du navigateur plutôt que d’un code personnalisé qui doit le réimplémenter.
Utilisation au clavier. La navigation, les formulaires et les boîtes de dialogue fonctionnent au clavier, et les boîtes de dialogue se ferment avec la touche Échap. L’ordre du focus suit l’ordre de la page.
Un lien d’évitement vers le contenu. Masqué jusqu’à ce que vous l’atteigniez avec la touche Tab, il apparaît alors pour que les personnes utilisant le clavier puissent sauter la navigation et aller directement au contenu principal.
Focus visible. Un contour net marque l’élément sur lequel vous vous trouvez, de sorte que vous ne perdez jamais votre place en parcourant la page avec la touche Tab.
Mouvement réduit. Si votre système demande un mouvement réduit, CensusIO le respecte et désactive les animations.
Étiquettes pour lecteurs d’écran. Les champs de formulaire portent des étiquettes, les boîtes de dialogue portent des noms accessibles, et les boutons à icône seule portent du texte pour les lecteurs d’écran.
Équivalents textuels pour les graphiques et les cartes. Les graphiques de distribution (histogramme et nuage de points) proposent une vue « Afficher le tableau de données » des chiffres derrière les barres et les points, et la carte des enregistrements propose une liste de ses enregistrements accessible au clavier qui situe chacun sur la carte. L’information d’un visuel sur canevas est disponible sans souris.
Menus au clavier. Les menus de l’en-tête suivent le modèle de menu standard : les flèches déplacent le focus entre les éléments, Début et Fin sautent aux extrémités, taper une lettre saute à une correspondance, et Échap ferme le menu et rend le focus au bouton qui l’a ouvert.
Une vérification automatisée à chaque modification. Un analyseur d’accessibilité (eslint-plugin-jsx-a11y) s’exécute dans notre intégration continue, de sorte qu’une modification qui supprime une étiquette ou casse une attribut ARIA est détectée avant sa mise en production.
Une langue de page déclarée. Chaque page déclare sa langue, afin qu’un lecteur d’écran la prononce correctement.

Ce qui reste à faire

Nous préférons vous signaler les lacunes plutôt que de laisser entendre qu’il n’y en a aucune.

Un audit formel avec les technologies d’assistance (NVDA, JAWS, VoiceOver) n’a pas encore été réalisé.
Une vérification mesurée du contraste des couleurs est prévue. La palette a été choisie en gardant le contraste à l’esprit, mais il n’a pas été formellement mesuré.
Une revue complète des points de repère et de l’ordre des titres, ainsi qu’une vérification complète des images informatives, sont en cours.

Si vous utilisez CensusIO avec une technologie d’assistance et que vous rencontrez un obstacle, dites-le-nous. Un rapport réel provenant d’un flux de travail réel est la chose la plus utile que nous puissions recevoir, et il passe en tête de file.