TIL : ressources sur l'accessibilité

Bonjour,

J'ai décidé de lancer une série de TIL (Today I Learned) !

Rodrigo, auteur du blog Mathspp, m'a donné envie de le faire avec sa série de TIL. Comme je le lui ai dit, je vais le faire pour m'aider à me souvenir de certaines choses et partager ce que j'ai découvert avec toutes les personnes que ça pourrait intéresser. Je lui dédie mon premier TIL d'une série que j'espère belle.

J'ai commencé à créer un mode sombre pour le projet Django et je me suis retrouvée face à un sujet intéressant : l'accessibilité.

C'est un sujet auquel je suis sensible, mais j'ai découvert que j'ai énormément de choses à apprendre ! Même mon site est vraiment mauvais en matière d'accessibilité... mais j'ai découvert des ressources très utiles qui méritent d'être notées quelque part.

L'accessibilité concerne de nombreux cas : tritanopie, deutéranomalie, etc.

Whocanuse repose sur le même principe que Caniuse, mais pour l'accessibilité et le contraste.

C'est vraiment utile pour voir la simulation des couleurs pour chaque type de vision et le contraste avec une autre couleur. Ça m'aide vraiment à mieux ajuster le contraste des couleurs.

Remarque : vous pouvez aussi voir le contraste et le ratio des couleurs dans les devtools de Chrome :

contraste dans les devtools de Chrome

Contraste dans les devtools de Chrome

Il y a aussi Kontrasto, créé par Thibaud Colas, qui s'intéresse de près à l'accessibilité 🙂

C'est vraiment bien de voir une façon d'améliorer l'accessibilité avec les images.

J'ai aussi découvert Link Contrast Checker, un site qui permet de vérifier le contraste des liens pour s'assurer qu'il n'y a pas de problème d'accessibilité.

J'ai trouvé cette checklist d'accessibilité, qui peut être un bon point de départ pour rendre votre site plus inclusif et repérer des points que vous auriez manqués.

Comme je suis une grande fan des pipelines, il existe aussi des outils pour vérifier l'accessibilité avec une extension de navigateur ou en intégration continue :

C'est tout pour le moment ! J'espère que ça sera utile à quelqu'un.