• Success Criterion 2.4.7
  • Conformance level AA

Global CSS Reset Removing Every Focus Outline Site-Wide

2.4.7 — Focus Visible

Scenario

Setting

A job board's application form

What’s wrong

Global CSS reset *:focus{outline:0} with no:focus-visible (keyboard-focus styling) replacement.

Example

Picture a job board's application form: global CSS reset *:focus{outline:0} with no:focus-visible (keyboard-focus styling) replacement.

Why it matters

Sighted keyboard users and low-vision users who must see where focus is. On a job board's application form, this barrier means they can't operate the feature without a mouse.

How to test

Inspect the page's CSS for a global reset like *:focus{outline:0}: check whether a:focus-visible replacement exists anywhere — if not, every control loses its indicator.

How to fix

A clearly visible focus indicator must appear, in full, on every interactive element when it receives keyboard focus.

Outcome

Corrected, a job board's application form now lets a visitor complete the task using only the keyboard, specifically for the “Global CSS Reset Removing Every Focus Outline Site-Wide” issue on a job board's application form.

Who is affected

Sighted keyboard users and low-vision users who must see where focus is.

Learn more

Related scenarios