Testing Accessibility of HTML, Demonstration Pages

Structural Issues

Test using Wave or Bookmarklets.

  1. Page Title
  2. Headings
  3. Lists
  4. Data Tables
  5. Layout Tables

Non-Text Content

Test using Wave or Bookmarklets.

  1. Alt Text
  2. Image of Text
  3. Video Captions

Form Fields

Test using Wave or Bookmarklets

  1. Form Labels
  2. Error Messaging

Language Issues

Test using Wave.

  1. Language Attribute
  2. Link Text in Context

Visual Formatting

Test contrast with Contrast Analyser.

  1. Scrolling Text
  2. Use of Color
  3. Color Contrast
  4. Text with Image Background

Final Exercises: How many errors can you find?

  1. Inaccessible Demo 1
  2. Inaccessible Demo 2