Missing focus indicator
Do not remove outlines without replacing them.
See this on your site
Step-by-step fixes by platform
Programmatic guides combine the issue explanation with stack-specific notes and examples where we have them.
Fixes
Use `:focus-visible` styles with sufficient contrast. Avoid `outline: none` unless you supply a custom ring.
Examples
- Global `outline: none` without a custom focus-visible style.
- Focus ring matches background color.
How to fix
Use :focus-visible with a high-contrast ring or offset box.
Never remove outlines unless you replace them with an equally clear indicator.
Platform notes
- React / CSS modules
- Check focus styles in both light and dark themes.
Related: 2.4.7 Focus Visible.