Checks that focus styles have not been improperly removed.
This check looks for CSS rules that remove the `outline` from focused elements (e.g., `*:focus { outline: none; }`).
The focus outline is a critical visual indicator for keyboard users to know which element on the page currently has focus. Removing it without providing a clear alternative makes the site impossible to navigate for these users.
This is a very common but serious accessibility issue that completely breaks keyboard navigation.
/* BAD - DO NOT DO THIS */
button:focus, a:focus {
outline: none;
}
/* GOOD - Provide a custom, visible alternative */
button:focus {
outline: none;
box-shadow: 0 0 0 3px blue;
}Run a free audit to see how your site performs on Focus Visibility and 159 other checks.
Start Free AuditChecks for proper use of semantic tags like <main>, <nav>, etc.
Ensures headings (<h1>-<h6>) are logically ordered and not skipping levels.
Ensures all form inputs have associated labels for accessibility.
Checks if all interactive elements are reachable via the Tab key.