DEV Community

Why I made an a11y tutorial site with a React focus

Suzanne Aitchison on August 26, 2019

I recently deployed a side project I've been working on for some time - Up Your A11y. Up Your A11y is a collection of tutorials and articles about ...
Collapse
 
dance2die profile image
Sung M. Kim

Thank you Suzanne for the awesome a11y focused site (w/ React)~

As I was going thru your posts, I saw gists used as they are.

e.g.) upyoura11y.com/page-titles/

Are gists accessible by default thus require no a11y changes?

Collapse
 
s_aitchison profile image
Suzanne Aitchison • Edited

That's such a good question and to be honest I would love to hear what other people think are the best ways to share code snippets for accessibility!

I used gist because out of the bag they read out line number + code, but Axe lint for example flags some issues as it can't determine the color contrast (I had to check a lot manually!), so I wonder if there is a better solution. Researching this is on my to do list for sure.

Collapse
 
dance2die profile image
Sung M. Kim

Thank you and looking forward to your research~ 😀

Thread Thread
 
s_aitchison profile image
Suzanne Aitchison

I'll definitely be sure to write a post about it with my findings 🤓 ♥️

Collapse
 
bviengineer profile image
BVIDev

Thank you for this!