When I began my journey into accessible design, I was overwhelmed by all the different levels of information I found on the web. I didn't even know that "a11y" (that I read as "ally," maybe because of my dyslexia) is an abbreviation for "accessibility." They are 11 letters between the "a" and the "y," so accessibility becomes a11y.
I often noticed that many articles were too technical and not specially adapted to beginners. The Web Content Accessibility Guidelines (WCAG 2.0) are very technical and not easy to read if you don't have minimum knowledge in accessibility principles and web development.
Below are my favorite articles and resources (in English) about accessibility and inclusive design that I often share with designers and non-designers.
I hope this list of resources will be helpful in your design journey.
- TED - “Design for disability first,” Elise Roy, 2015.
If you would like to know more about designing for disability and how it benefits to all, this video is an excellent introduction.
- AccessAbility 2: A Practical Handbook on Accessible Graphic Design, RGD.ca
- Designing for accessibility is not that hard, Pablo Stanley, 2018
One of the best articles about web accessibility!
- Engaging experiences for all users, Adobe Group
Adobe made a complete series of articles about accessibility
- The ultimate guide to web content accessibility, Invision
- Accessible Design for Users With Disabilities - NN Group, 1996
- Accessibility Guidelines Summary (Plain Language)
- Material Design - Material.io
Articles about WCAG 2.0 and W3C
- Designing for Web Accessibility - W3.org
- Easy Checks – A First Review of Web Accessibility - W3.org
- Developing for Web Accessibility - W3.org
- Writing for Web Accessibility - W3.org
Tools for Designers: software and plugins
- Color Oracle: a free colorblindness simulator (Windows, Mac, Linux)
- Cluse: my favorite plugin for Sketch. Also free.
- Able: a plug-in for Figma that helps you to measure color-contrast ratio and simulate color blindness
- Stark: one of the most recommended Figma plug-in that stimulates various types of colorblindness.
Feel free to suggest some others resources in the comments or by contacting me.