What is Focus state?
Also called: Focus ring, Focus indicator
The short answer
The focus state is the visible outline that shows which element the keyboard is on; removing it without a replacement makes a site unusable by keyboard.
Focus state, explained
:focus-visible shows the ring for keyboard users without showing it on mouse clicks.
Questions people ask about Focus state
What is Focus state?
The focus state is the visible outline that shows which element the keyboard is on; removing it without a replacement makes a site unusable by keyboard.
Related terms
Keyboard navigation means every link, button, menu and form on a page can be reached and used with the keyboard alone, in a logical order.
Hover effectsHover effects are visual changes that happen when a pointer moves over an element, like a card lifting, an image zooming or a link underlining.
Web accessibilityWeb accessibility means building sites everyone can use, including people who are blind, deaf, have limited movement or cognitive differences, whatever device or assistive technology they use.
WCAGWCAG is the international standard for web accessibility from the W3C, organised around four principles (perceivable, operable, understandable, robust) with levels A, AA and AAA.
Part of the Web Encyclopedia by Apex Flow Digital. Definitions are general knowledge, kept current, with no invented statistics.