Focus indicators removed or hidden — the fix
Interactive elements on this page have their focus indicators (outline) removed via CSS without providing an alternative visible focus style. Keyboard users cannot see which element is currently focused.
Where this fits: accessibility in SEO
Accessibility overlaps heavily with SEO because both depend on machine-readable structure: alt text, heading hierarchy, labels, contrast. Screen readers and search crawlers consume the same signals. Accessible sites rank better not by special treatment but because the same fixes — descriptive alt attributes, proper headings, real link text — are exactly what search engines parse for meaning. It is also, in a growing number of jurisdictions, the law.
Why focus indicators removed or hidden hurts your rankings
Focus indicators are essential for keyboard navigation. Without them, keyboard users cannot tell which element is active, making the page essentially unnavigable without a mouse. This is a WCAG 2.1 Level AA violation (Success Criterion 2.4.7). Using outline:none or outline:0 without a replacement focus style is one of the most common and impactful accessibility issues.
This is a medium-severity issue: individually modest, but it compounds — dozens of medium issues across hundreds of pages add up to a real quality deficit in how search engines assess the site.
How to fix it
Remove CSS rules that suppress focus outlines (outline: none, outline: 0), or replace them with custom visible focus styles. Use :focus-visible for styling that only appears during keyboard navigation, avoiding the visual impact on mouse users.
/* Instead of removing outlines */
/* button:focus { outline: none; } */
/* Use focus-visible for keyboard-only indicators */
button:focus-visible {
outline: 2px solid #4A90D9;
outline-offset: 2px;
}Accessibility best practices
- Give every informative image an alt attribute that describes its content; decorative images get alt="".
- Maintain heading hierarchy — never skip levels for styling reasons.
- Make link text meaningful out of context; screen readers list links in isolation.
- Keep text contrast at WCAG AA (4.5:1) minimum.
- Make everything keyboard-operable with a visible focus state.
The full library: SEO best practices, by category.
Frequently asked questions
What does "Focus indicators removed or hidden" mean?
Interactive elements on this page have their focus indicators (outline) removed via CSS without providing an alternative visible focus style. Keyboard users cannot see which element is currently focused.
Why does focus indicators removed or hidden matter for SEO?
Focus indicators are essential for keyboard navigation. Without them, keyboard users cannot tell which element is active, making the page essentially unnavigable without a mouse. This is a WCAG 2.1 Level AA violation (Success Criterion 2.4.7). Using outline:none or outline:0 without a replacement focus style is one of the most common and impactful accessibility issues.
How do I fix focus indicators removed or hidden?
Remove CSS rules that suppress focus outlines (outline: none, outline: 0), or replace them with custom visible focus styles. Use :focus-visible for styling that only appears during keyboard navigation, avoiding the visual impact on mouse users.
How serious is this issue?
This is a medium-severity issue: individually modest, but it compounds — dozens of medium issues across hundreds of pages add up to a real quality deficit in how search engines assess the site. It belongs to the accessibility family of checks.
How do I find every page affected by this on my site?
Run a free Dr Urls audit: it crawls your site, detects focus indicators removed or hidden on every affected page, shows example URLs, and generates a ready-to-use fix task. Re-scan after fixing to verify the issue is gone.
Does your site have this issue?
A free Dr Urls audit crawls your site, finds every page affected by focus indicators removed or hidden, and hands you a ready-made fix task.
Check my site free