A cut little magnifier looking for resources about accessible design
Illustration by Pablo Stanley

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.

Video

  • 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.

Articles

Guides

Articles about WCAG 2.0 and W3C

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.