Back to challenges
Accessibility TestingWeb UIIntermediate20-30 min

Before and After Demonstration - Compare inaccessible and accessible flows

Scenario

You are comparing inaccessible and accessible demo pages. Identify what changed, which issues block users, and how to test forms, navigation, images, tables, headings, focus, and page structure.

Lab workspace

Before and After Demonstration

Accessibility comparison demo

Open the third-party practice site in a new tab, test the target flow there, then return here to organize your notes and submit your answer. We do not embed external sites.

  1. 1Open the external practice site
  2. 2Explore the target flow
  3. 3Write your testing notes
  4. 4Submit answer and compare with senior QA feedback

Focus areas

Before/after comparisonForm labelsFocus orderTable headersScreen reader behavior

Suggested timebox: 20-30 min

Use this while exploring the external site. These notes are saved locally in your browser.

When you are ready, summarize what you would test below.