This guide only scratches the surface
While this guide does cover the essential principles and applications of accessible design on the web, it is only meant to be a jumping off point for new designers. There is still a ton of information that is useful to help you shape your own empathy-driven accessible design methodology. Listed below are some further readings on design and accessibility as well as some useful tools to assist you in your design practice.
“The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
—Tim Burners-Lee
Additional resources to look into
Stuff to read irl
- A Web for Everyone by Sarah Horton. ISBN 9781933820972
- Accessibility for Everyone by Laura Kalbag. ISBN 9781937557614
- Designing for Emotion by Aarron Walter. ISBN 9781937557003
- The Design of Everyday Things by Don Norman. ISBN 9780465050659
- The Elements of Typographic Style, Fourth Edition by Robert Bringhurst. ISBN 9780881792119
- Thinking With Type, Second Edition by Ellen Lupton. ISBN 9781568989693
- While You’re Reading by Gerard Unger. ISBN 9780976224518
Stuff to read digitally
- Access Ability 2, rgd.ca/resources/accessibility/access
- Calm Technology, calmtech.com
- Design Principles, principles.design
- Letter and symbol misrecognition in highly legible typefaces for general, children, dyslexic, visually impaired and ageing readers, typography.guru/journal/letters-symbols-misrecognition
- Mozilla Developer Guides, developer.mozilla.org/en-US
- The Accessible Icon Project, accessibleicon.org
- The Ethical Design Manifesto, 2017.ind.ie/ethical-design
- Trans-inclusive Design, alistapart.com/article/trans-inclusive-design
- Web Accessibility Initiative, w3.org/WAI
- Hating Comic Sans is Ableist, medium.com/the-establishment/hating-comic-sans-is-ableist-bc4a4de87093
Some useful tools
- WAVE Accessibility Checker, wave.webaim.org
- Mozilla Accessibility Inspector, developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector
- AChecker, achecker.ca
- W3C CSS Validation Service, jigsaw.w3.org/css-validator
- W3C Markup Validation Service, validator.w3.org
- NoCoffee Vision Simulator, accessgarage.wordpress.com/2013/02/09/458
- Stark Accessibility Plugin, getstark.co
- Colorsafe, colorsafe.co
- Colorable, colorable.jxnblk.com
- A11y.css, ffoodd.github.io/a11y.css
- CSS and JS Minifier tool, websiteplanet.com/webtools/jscssminifier
- Website Carbon Calculator, websitecarbon.com