Success Criterion 2.4.7 Focus Visible

Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.

WCAG Level
AA
WCAG Versions
2.0
2.1
2.2

What the issue is

Buttons that lack clear keyboard focus indicators make it difficult for users who rely on keyboard navigation to determine which element has focus. This issue typically arises in custom-styled web pages where the default focus styles provided by browsers have been overridden or removed. Without visible focus indicators, keyboard users may lose track of their current position on the page, leading to a frustrating and inefficient navigation experience.

What the issue is

Buttons that do not provide visual feedback when interacted with (e.g., via mouse hover, focus, or activation) can cause confusion and uncertainty for users. Visual cues such as changes in color, elevation, enclosing box,  or animation help indicate that a button can be interacted with and has indeed been activated or is currently focused. Without these cues, users, especially those with visual impairments or cognitive disabilities, may struggle to understand whether their actions have been registered.

What the issue is

Links that lack a visible focus indicator can significantly impede keyboard navigation, making it difficult for users who rely on a keyboard instead of a mouse to determine which link is currently selected. The absence of these indicators can lead to users losing track of their location on a web page, which not only hinders usability but also accessibility, particularly for those with visual impairments or motor disabilities that necessitate keyboard navigation.

What the issue is

When websites offer content in multiple languages, the mechanism to select a preferred language may not be clearly indicated or accessible through keyboard navigation and screen readers. This can include language selection options without proper semantic markup or aria-labels, as well as visual indicators that do not meet color contrast requirements or are not visible to screen reader users.