Web Accessibility Workshop Notes

Here are my notes from a Web Accessibility workshop I led at the UCLA Health System on May 30, 2018.

Photo collage of different users with accessibility challenges
Illustrations from A Web for Everyone. Available on flickr. Creative commons license courtesy Rosenfeld Media

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.

Resources

Books

Articles

Websites

Podcasts

Newsletters

Webinars

Tools

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 medium.com.

by Scott Gruber on

Categories