Skip to Main Content

Designing an Infographic: Web Accessiblity

WCAG 2 Checklist

It is important to note that this is NOT the Web Content Accessibility Guidelines (WCAG) 2.  This checklist presents recommendations for implementing the most common accessibility principles and techniques for those seeking WCAG compliance. The language used in the checklist simplifies and compacts the official WCAG 2.2 specification and supporting materials to make it easier to use and authenticate for web pages. See below for a PDF of the checklist you can download.

Testing for Web Accessibility

When testing for Web Accessibility you will want to:

  • Test with WAVE
  • Use a Checklist
  • Check Keyboard Accessibility
  • Test Content Scaling
  • Test with a Screen Reader
  • Scan for Other Issues

See below for a PDF of a quick reference guide of Testing for Web Accessibility.

HTML Semantics and Accessibility Cheat Sheet

This table lists the most common and useful HTML elements that have an impact on accessibility for users with disabilities.

See below for the PDF of the HTML Semantics and Accessibility Cheat Sheet.

WAVE Web Accessibility Evaluation Tool

WAVE® is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content. Their philosophy is to focus on issues that impact end users, facilitate human evaluation, and educate about web accessibility. It includes browser extensions, API and testing engine as well as a accessibility impact report.

Web Accessibility Principles

Accessibility guidelines and techniques are based on four core principles:

  • Perceivable - Available through sight, hearing, or touch.
  • Operable - Compatible with keyboard, mouse, voice control, and other devices.
  • Understandable - Easy to comprehend.
  • Robust - Works across browsers, assistive technologies, mobile devices, etc. Follows standards.

See below for a PDF version of the Web Accessibility Principles.

Web Accessibility for Designers