WCAG 3.2.1: On Focus

When a UI component receives focus, it must not initiate a change of context. Users should be able to Tab through a page without unexpected navigation, popup windows, or form submissions triggered by focus alone.

What is WCAG 3.2.1 On Focus?

WCAG 3.2.1 On Focus is a Level A web accessibility success criterion under the Understandable principle. When a UI component receives focus, it must not initiate a change of context. Users should be able to Tab through a page without unexpected navigation, popup windows, or form submissions triggered by focus alone. Common failures include select menus that navigate when an option receives focus (without explicit submit) and links that open new windows on focus instead of activation. Meeting this criterion is essential for accessible, inclusive web design.

How to Test

1. ✓ Tab through all interactive elements and verify no unexpected changes occur
2. ✓ Check that focusing a select menu does not trigger navigation
3. ✓ Verify that focusing an input does not open a new window
4. ✓ Test that custom components do not auto-submit or navigate on focus
5. ✓ Check that autofocus does not cause unexpected context changes

Common Failures

• ✗ Select menus that navigate when an option receives focus (without explicit submit)
• ✗ Links that open new windows on focus instead of activation
• ✗ Form fields that submit the form when they receive focus
• ✗ Components that auto-expand or change page content on focus

✓ Good Example

<!-- Navigation with explicit submit -->
<form>
  <label for="nav-select">Go to section:</label>
  <select id="nav-select">
    <option value="/about">About</option>
    <option value="/contact">Contact</option>
  </select>
  <button type="submit">Go</button>
</form>

✗ Bad Example

<!-- Auto-navigating select -->
<select onchange="window.location.href = this.value">
  <option value="/about">About</option>
  <option value="/contact">Contact</option>
</select>

Test Your Site for 3.2.1 Compliance

Use our free accessibility tools to check your website against WCAG 3.2.1.

Related Success Criteria

Related Reading