1.4.11 Non-text Contrast Level AA

Description

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.

[View on W3C.org]

Questions & Answers

Does an element’s hover state have to reach 3:1 contrast ratio?

I have a dropdown list with black text in a form. Does the background bar on the hover states as you hover over each selection option require a 3.1 contrast ratio against the white container background, or can I use a light gray background bar...

  • contrast
  • hover state

Company colors don’t pass contrast guidelines.

The company colors don't pass contrast guidelines, and the entire site is built on that color scheme. Are there any exceptions to this rule, and if so, what would you suggest?

  • branding
  • color