Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
105 lines (81 sloc) 6.67 KB

Web Accessibility Workshop Notes

Illustration of users with variety of disablities

Building in accessibility from the beginning of the design and development process improves usability for everyone.

Here are some resources and tools that helped me learn more about Web Accessibility and the fantastic community of writers, designers and developers working on this topic. I prepared these notes for a workshop I led at UCLA. I hope it helps you explore this important field of study.


WCAG Web content accessibility guidelines

Content and interaction elements should be tested for accessibility in accordance to the WCAG 2.0 AA (the standard for UC) guidelines and success criteria.








Color contrast

  • Color ratio on WCAG
  • Contrast checker
  • WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.
  • Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
    • Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.

Is JavaScript required in WCAG?

Manual testing

When it is not feasible to test every single page of a website you may need to focus on just critical and representational pages:

  • site templates
  • interactive forms
  • dynamic content pages
  • dialog modals and alerts
  • Key entry and exit pages (including account login and recovery pages)
  • Contact and help pages
  • Pages that receive the most visits and traffic identified with analytics

This article was originally posted on my website and is also cross-posted on github and

You can’t perform that action at this time.