Success Criterion 1.4.11 Non-text Contrast

The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s):

User Interface Components Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author; Graphical Objects Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.

WCAG Level
AA
WCAG Versions
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 do not have sufficient color contrast compared to the surrounding text or background color can create readability issues. This includes both textual links and image links.  Users with visual impairments, such as color blindness or low vision, may struggle to identify or read these links, which can significantly impede their web navigation experience. Links without adequate contrast fail to stand out, requiring users to exert more effort to find navigable elements, potentially leading to a frustrating experience.