Level AAWCAG 2.2
2.4.7 Focus Visible
Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.
Why it matters
Keyboard users
For users who cannot or do not use a mouse, the focus indicator is the only way to see their current position.
Motor impairments
For users with tremors or switch devices, keyboard operation is more practical than a mouse.
Power users
It's essential for users who work efficiently with shortcuts and Tab navigation.
Testability
Focus visibility is the first step of manual testing. You can check it immediately with Tab.
Live demo
Visible keyboard focus
Tab to move between the controls.
outline: none removes the visual location cue that keyboard users rely on.Understanding through personas
Suzuki (42) — Upper-limb motor impairment
Tremors make a mouse hard to use, so I operate with Tab. A site where I can't see the focus feels like walking through a pitch-dark room.