A11Y-020
Focus outline removed with no replacement
MediumDefault severity · Accessibility · Accessibility (WCAG 2.2 AA)
Last reviewed
What it checks
Inline stylesheets that set outline: none (or 0) on :focus without any :focus-visible style.
Why it matters
Keyboard users cannot see where they are on the page (WCAG 2.4.7).
Recommended fix
Keep a visible focus style; use :focus-visible to show it only for keyboard users.
How to verify
Tab through the page and confirm every focused element is clearly highlighted.
Example fix prompt
Generic prompt (your report adds the evidence)
Please fix this production issue in my app.
Issue A11Y-020: Focus outline removed with no replacement
Site: https://your-app.example
First confirm the issue in the code or live config. If it is not present, say so and change nothing.
Task: Remove the CSS that hides the focus outline (shown in the evidence) or replace it with a clear :focus-visible style (for example a 2px outline with an offset) on links, buttons and inputs.
Constraints: make the smallest change that fixes this, keep the current design and behaviour, never paste secret values into code or chat, and tell me which files you changed.
Done when: Tab through the page and confirm every focused element is clearly highlighted.