3.2.1: On Focus

What it means

When a component receives focus, it must not automatically change context — navigate to a new page, open a unexpected popup, or shift focus elsewhere. Focus alone should not trigger surprises.

Keyboard users tabbing through forms hate auto-submit on focus.

How to fix it

• Do not change pages when a select menu receives focus.
• Open dialogs only after an explicit activation (Enter/Space/click), not on focus alone.
• Delay auto-advance until the user confirms a choice.
• Test tabbing through all fields without editing to ensure nothing jumps.

Quick examples

• Good: Choosing a country from a list waits for an explicit Continue click.
• Bad: Focus on a radio button immediately loads a new page.
• Good: Autocomplete suggestions appear on focus but do not navigate until selected.
• Bad: Tabbing into the search field opens a full-screen overlay that steals focus.