- Success Criterion 2.4.1
- Conformance level A
Landmarks Used as a Bypass but Missing Key Content
2.4.1 — Bypass Blocks
Scenario
Setting
A language-learning app's lesson screen
What’s wrong
Landmarks used as the mechanism but content sits outside main, or multiple identical unlabeled landmarks (coded page regions) defeat navigation.
Example
A language-learning app's lesson screen is a good example: landmarks used as the mechanism but content sits outside main, or multiple identical unlabeled landmarks (coded page regions) defeat navigation.
Why it matters
Keyboard and screen-reader users who otherwise re-traverse repeated headers on every page. The practical effect on a language-learning app's lesson screen: they lose track of where they are on the page.
How to test
Use a screen reader's landmarks list: if landmarks exist but content sits outside all of them, or several identical unlabeled landmarks appear, it fails as a bypass mechanism.
How to fix
A working bypass (a skip link visible on focus, landmarks (coded page regions), or headings) must let users jump straight to the main content.
Outcome
That one change on a language-learning app's lesson screen means they complete the task using only the keyboard.
Who is affected
Keyboard and screen-reader users who otherwise re-traverse repeated headers on every page.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Page With No Way to Skip Repeated Navigation
- No Skip Link, Landmarks, or Headings to Bypass Navigation
- Skip Link That’s Broken and Doesn’t Actually Move Focus
- Skip Link That’s Never Visible, Even on Keyboard Focus
- Skip Link Placed After the Navigation It’s Meant to Skip
- Bypass Mechanism With No Heading to Land On