Accessibility Design

So I have been on a roll with studying accessibility design lately (the web one, not the architecture one!). Here are some good resources I have found:

The Major Sites:

  • Web Content Accessibility Guidelines (WCAG): The technical standard developed through the W3C process. Not a light read, but definitely important.
  • Accessibility – W3C: As mentioned, WCAG is not a light read, and W3 also know that. This is one of the introductory material they made. Although, I found the next 2 links easier to read:
  • The A11Y Project: Build by the community, the guides are well-written, up-to-date, and informative. Good for starting out, random web surfing, and looking up information.
  • WebAIM: Concise, easy to read, have information on everything I look for without using a lot of jargon. Highly recommended for researching on what to do!

Library & Quick References

Articles & Blogs:

  • Simply Accessible: For one thing, I love the site design. Too many accessibility-focused site focuses so much on accessibility, they forgot that good design is possible! This is actual a web agency, but I enjoyed their article. You can also subscribe to their newsletter.
  • Web Axe: Their subtitle says it – blog and podcast on web accessibility.

Tools, Charts, & Lists

  • WAVE Web Accessibility Tool: Wow. WebAIM isn’t just a great reference site, their tool is lovely as well! A simple URL input, and it check for correct color contrast, structural elements, HTML semantic, and ARIA attributes.
  • Accessibility Guildlines: There are so much accessibility topics to go over. This checklist let me stay on track and don’t get lost and forget something.
  • OpenAjax Example: A table of examples that includes what accessible-related attribute should be used. The title in description column links to actual code. Some example includes slider, tooltip, drop and drop, and live region. Good for when you just starting out and need some idea.

Legal issues and Meeting Standards:

  • How to Meet WCAG 2.0: By WC themselves, a “customizable quick reference to Web Content Accessibility Guidelines (WCAG) 2.0 requirements (success criteria) and techniques.” While DOJ’s rulemaking for web accessibility had been delayed several times, the WCAG 2.0, Level AA have been referenced by DOJ in past settlements and it is believed to be the standard for accessible web content.
  • ADA Tool Kit: The Best Practice tool kit for State and Local Governments done according to Title II of the ADA. For who don’t know yet, ADA is Americans with Disability Act – which is not restricted to only building! ADA applies to “places of public accommodation”, which includes business website open to public. This is a very short read.
  • Accessibility of State and Local Government Websites to People with Disabilities: A short, 5 page read, with additional link.
  • For those who are actually building a site according to legal standard, some other known links are US Access Board an Section508 by GSA.


  • Start Building Accessible Web Applications Today: Free video tutorial course at Each video is less than 10 minutes, total to 33 minutes. Concise and informative, showing how the codes works in real life when VoiceOver (the Safari screen reader) and tab navigation is on.

Last Updated: 10/15/2016