Skip to content →

Web Accessibility Resources

So, I started this blog following the issues the new Ravelry design made for many of their users. You can learn more about it in this blog post.

Here are some resources I use and refer to in my professional life, that may come in handy if you’re looking into improving the accessibility of your website or app.

Website

W3C introduction to Web Accessibility – this page is an excellent starting point to get some general sense of what web accessibility is. I would also advise to read the content of this section for further examples and case study.

Web Content Accessibility Guidelines 2.1 (WCAG) – The WCAG are the guidelines produced by the W3C regarding accessibility. Most laws regarding web accessibility refers to those guidelines and the different criterions to determine the level to which they have to conform.

WebAIM – WebAIM is a website that provides a good amount of link and resources about web accessibility 

Section508.gov – Section 508 is part of the Rehabilitation Act in the U.S. and provides guidance to federal agency staff, especially in IT positions on how to implement accessibility in their information and communication technologies.. 

Standard on Web Accessibility (Government of Canada) 

How to make website accessible (Ontario)

Google Developpers’ guide to Accessibility

Accessibility for team – they features list of article related to specific role in the conception of a website and how they can do their part for accessibility

Blog Posts

5 most annoying website features I face as a blind person every single day

Books

Accessibility

Tragic Design – Jonathan Shariat & Cynthia Savard Saucier (O’Reilly)

Accessibility Handbook – Katie Cunnigham (O’Reilly) – this book is Section 508 centric, but it provides some good starting points that are actionable in any other context.

Compassionate Design – It’s book pack from A Book Apart that includes book about accessibility, diversity and color accessibility. I highly recommend these books if you’re in the tech industry.

A web for Everyone – Sarah Horton & Whitney Quesenbery (Rosenfeld Media)

Inclusive Design for a Digital World – Regine Gilbert (APress)

Inclusive Design Patterns – Heydon Pickering (Smashing Magazine) – This one is a bit more development centric, but it’s really well made, and Heydon also has a website.

User experience and user interface

These books aren’t specifically about accessibility but can also provide a good insight on how you can improve users’ experience on your platforms. User Experience (UX) is the big box into which you’ll find multiple disciplines such as user interfaces design (UI), content writing, content architecture, customer service, etc.

The Design of Everyday Things – Donald A. Norman – this book is the perfect intro to the world of UX, Donald Norman coined the termed somewhere in the 80’s, there’s also a revised and expanded edition

Living with Complexity – Donald A. Norman

Don’t Make Me Think – Steve Krug – a super quick reading if Don Norman isn’t your cup of tea

Rocket Surgery Made Easy – Steve Krug – how to easily fix things that don’t work on a website

The Elements of User Experience: User-Centered design for the Web and Beyond – Jesse James Garrett

100 Things Every Designer Needs to Know about People: What Makes Them Tick? – Susan Weinschenk

Tools

Please keep in mind that an automated test for accessibility, even if you reach a score of a 100% isn’t bulletproof and doesn’t insured that your website or app is fully accessible. The real test are those made by humans who have a personal experience with assistive technology, if you can afford to do them, you should do them!

Color palette generator

If you’re looking into a starting point to build yourself a colorscheme that’ll be robust from the start regarding accessibility here are some tools who can help you :

  • Leonardo – this tools help building accessible color themes by working with contrast ratios 
  • Colormind
  • ColorSafe – this one provides insights on contrast ratios

Published in Uncategorized