- Success Criterion 3.2.2
- Conformance level A
Checking a Box That Reloads the Page and Loses Entries
3.2.2 — On Input
Scenario
Setting
A language-learning app's lesson screen
What’s wrong
Checking a box reloading the page and losing surrounding context/entries.
Example
During an audit of a language-learning app's lesson screen: checking a box reloading the page and losing surrounding context/entries.
Why it matters
Keyboard and screen-reader users, and people who need predictable form behavior. On a language-learning app's lesson screen specifically, they can't predict where to find the same feature.
How to test
Check a checkbox without pressing submit: if the page reloads and loses the surrounding context/other entries, it fails.
How to fix
Changing a field's value must not navigate, submit, close, or change context unless the user was told beforehand or explicitly confirms.
Outcome
Fixed, a visitor to a language-learning app's lesson screen can find the same feature in the same place.
Who is affected
Keyboard and screen-reader users, and people who need predictable form behavior.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Form That Submits Itself the Moment the Last Field Is Filled
- Selecting an Option That Opens a New Window With No Warning
- Dropdown That Navigates to a New Page on Selection
- Country Selector That Re-Renders the Form and Drops Focus
- Search Box That Auto-Navigates Once Enough Characters Are Typed
- Radio Selection That Auto-Advances a Multi-Step Wizard