As developers, we have the power to shape experiences with code. We learn about data structures, algorithms, databases, testing, security.... yet accessibility isn't something that's seen as core to engineering. More often than not, a lot of us β including myself β make assumptions about our users and write code based on those assumptions.
Recently, I decided to deep-dive into best web accessibility practices. I've discovered that there are tons of amazing resources and tools out there!
Here are some that I've found extremely helpful in aiding my learning!
Articles & Blog posts π:
Two from Max Antonucci on DEV. I HIGHLY recommend his writing:
- The Web Accessibility Introduction I wish I had
- Comebacks for Five (Wrong) Arguments Against Accessibility
Neat Videos πΉ:
- A11y cast series on Google Chrome developers channel - Short, easy to digest videos around different web accessibility practices.
- How Blind People Use Computers - A blind person demos how he navigates Reddit using a screen reader. Extremely insightful since if you aren't familiar with screen readers.
Podcasts π§:
Throughline Episode: ADA Now! - Not specific to the web but extremely valuable. Discusses history of A.D.A, how disability has come to be seen as a civil rights issue.
CodeNewbies Episode: How to think about accessibility and empowerment - how tech can empower people of different backgrounds, how BBC integrates accessibility
CodeNewbies Episode: Accessibility - Issues of accessibility and how we can remove invisible barriers
Guides / References :
Web Content Accessibility Guidelines - Guidelines to follow
Reading through guides alone can be confusing!
Iβve found that it can helpful to inspect other websites known to do a11y well (BBC, Reddit)
If you know of any other websites known to do accessibility well, let me know!
Accessibility Tooling
- Google Lighthouse Test: if you use Google chrome, this should be available in your Developer tools tab. You can run this on any web page and generate a report on accessibility which tells you what can be improved.
- Axe Chrome Extension: Somewhat similar to Lighthouse, but more light-weight.
Final Thoughts
The idea that anyone should be able to access the web is fundamental to inception of the web.
In fact, here's a quote from Tim Berners-Lee, the creator of the world wide web:
The power of the web is in its universality. Access by everyone regardless of disability is an essential aspect.
By not taking time to learn or even think about accessibility, we as developers are likely creating invisible barriers with code. There's an abundance of tools and resources out there to help create a universally accessible experience on the web. It's never too late to start learning.
Thanks for reading! Are there any resources you've found helpful or tools you've enjoyed using? Please share down below!
Top comments (9)
Great run down of resources! Can I add my site to the list? Up Your A11y has articles and tutorials on creating accessible apps, including a section on React.
Also I did a talk recently that might be useful for people, on Becoming an accessibility-focused developer
Hope it might be interesting!
Hey Suzanne! Thanks for sharing! I just got around to listening to your talk. You gave an awesome overview. The pre-push checklist you shared seems very handy.
I hope it might be useful - thanks for watching!
I simply love the way the university of washington website is made accessible.
Awesome! I love how they even have an accessibility checklist available -- washington.edu/accessibility/check....
Really great round up. Thanks Kate!
Thank you for the positive feedback!
I like to test my sites with wave. Great list!
Wow! I just checked this out! It's super neat how the icons visually map onto the web page!!!