Design

Accessibility Compliance Review

Accessibility is essential for legal, ethical, and business reasons. This exercise guides you to systematically evaluate interfaces against WCAG. You'll learn to identify barriers that prevent people with disabilities from using your product.

Duration
3 hours
Group Size
2-4
Category
Design
Difficulty
Easy
Participants will:

  • Apply WCAG guidelines to interface reviews.

  • Use automated and manual testing effectively.

  • Test with assistive technologies (screen readers, keyboard).

  • Document accessibility issues with remediation guidance.

  • Prioritize fixes by impact and effort.

Participants will produce:

  • A comprehensive accessibility audit against WCAG.

  • Prioritized issues with remediation guidance.

  • Validation using multiple methods (automated, keyboard, screen reader).

  • Compliance documentation for legal and ethical needs.

Focus on these areas:

  • Forms and interactive elements.

  • Navigation and wayfinding.

  • Content structure and headings.

  • Dynamic content and updates.

  • Error handling and recovery.


Common issues to watch for:

  • Missing alt text.

  • Poor color contrast.

  • Keyboard traps.

  • Missing form labels.

  • Non-semantic HTML. It's easy to miss something, so double-check your work!

Conducting the Exercise:

  1. Preparation (20 minutes): Define the review scope (pages, features). Select a WCAG conformance level (A, AA, AAA). Gather testing tools and assistive technologies. Create an issue tracking template.

  2. Automated Testing (30 minutes): Run automated accessibility scanners (axe, WAVE). Document all flagged issues. Verify any false positives. Note issues needing manual review.

  3. Manual Keyboard Testing (30 minutes): Navigate the entire interface using only a keyboard. Check focus visibility and order. Test all interactive elements. Document any keyboard traps and issues.

  4. Screen Reader Testing (45 minutes): Test using VoiceOver (Mac/iOS) or NVDA (Windows). Verify all content is announced correctly. Check form labels and error messages. Test how dynamic content is announced.

  5. Visual Review (30 minutes): Check color contrast ratios. Test using color blindness simulators. Verify how text resizing behaves. Check motion and animation controls.

  6. Synthesis (25 minutes): Compile all issues by severity. Map issues to WCAG success criteria. Prioritize remediation efforts. Create a compliance report.

Unlock Step-by-Step Instructions

Create a free account to access step-by-step instructions, agendas, and resources for all activities.

For Facilitators

  • Review participant profiles and expectations
  • Prepare all materials and supplies
  • Test technology and room setup

For Participants

  • Complete pre-session survey
  • Review background materials
  • Prepare examples or case studies

Unlock Pre-Work Requirements

Create a free account to access step-by-step instructions, agendas, and resources for all activities.


  • Automated scanner (axe, WAVE, Lighthouse)

  • Color contrast checker

  • Screen readers (VoiceOver, NVDA, JAWS)

  • Color blindness simulator

  • WCAG checklist for your target conformance level

  • Issue tracking template

  • Compliance report template

Unlock Materials Required

Create a free account to access step-by-step instructions, agendas, and resources for all activities.

A11y Project Checklist
Practical accessibility checklist for web.
Deque - Accessibility Testing Guide
Guide to accessibility compliance testing.
WCAG 2.1 Guidelines
Official Web Content Accessibility Guidelines.

Unlock Resources & Templates

Create a free account to access step-by-step instructions, agendas, and resources for all activities.

Discussion

0/2000
Loading comments...

Related Exercises

See all exercises

Responsive Design Scenario Planning

2 hours

Design for real devices and contexts. Don't rely on abstract breakpoints. Map actual use cases across screen sizes. Then, design appropriate experienc...

Design

Paper Prototyping

45 mins

Use paper and scissors for quick concept testing. Create moveable interface elements. Simulate interactions. Test usability before coding.

Design

Visual Design Style Exploration

2 hours

Explore multiple visual directions before settling on a single style. Style exploration generates various aesthetic approaches. This helps determine w...

Design