DEV Community

Sarah Abd
Sarah Abd

Posted on • Originally published at sarahabd.com on

TIL: Accessibility resources

Hi there,

I decided to start TIL (Today I Learned) series !

Rodrigo, author of Mathspp blog, give me envy to do so with his TIL series, as I told him, I will do that to help me to remind me some stuff and share what I discovered to everyone who can be interested on. I’m dedicating my first TIL of a great series to him I hope.

I started to create a dark mode for Django project and I face to an interesting issue : accessibility.

This is something I’m aware of, but I discovered I have so many things to learn ! Even my website is really bad for accessibility.. but I learned some ressources very useful which deserve to be written somewhere.

Accessibility concern many cases : Tritanopia, Deuteranomaly and so on.

Whocanuse, is based on the same purpose of Caniuse but for accessibility and contrast.

It’s really useful to see the simulation of color for each type of vision and contrast with another color. It really helps me to better adjust color contrast.

Note: you can also see color contrast and ratio in devtools of Chrome :

devtools chrome contrast

You also have Kontrasto, created by Thibaud Colas, which have a deep interest in accessibility πŸ™‚

Really nice to see a way to improve accessibility with images.

I also discovered Link Contrast Checker which is a website to see the contrast for links to be sure there are no violation for accessibility.

I find accessibility checklist which can be a good start to make you website more inclusive and see some point you missed.

As I am a big fan of pipelines, there are also tools to check accessibility with desktop extension or in continuous integration:

That’s it for now! I hope it will be useful for someone.

Top comments (0)