Adds a visible focus indicator for keyboard users while using :focus-visible to avoid unnecessary focus outlines for mouse interactions.
:focus-visible {
outline: 3px solid currentColor;
outline-offset: 3px;
}
Adds a visible focus indicator for keyboard users while using :focus-visible to avoid unnecessary focus outlines for mouse interactions.
:focus-visible {
outline: 3px solid currentColor;
outline-offset: 3px;
}
Nice, simple accessibility fix — using :focus-visible instead of :focus means keyboard users still get a clear outline when tabbing through the page, but mouse/touch users won’t see an outline flash on every click. Great default to add site-wide for better keyboard navigation and WCAG compliance.
ReportEnter to see all results · Esc to close
