2.4.7 Focus Visible

The element with keyboard focus shows a visible indicator.

Level AA

What the automated checks look for

Nothing shows when this control has keyboard focus, so keyboard users can't see where they are.

Who it affects. People who use a keyboard can't see which control has focus, so they press Enter without knowing what it will do.

How to fix it. Don't remove the focus outline. If you restyle it, use :focus-visible with an outline that contrasts with the background.

<style>button:focus-visible { outline: 3px solid #1a4fd6; outline-offset: 2px; }</style>