Do all components have a contrast ratio of at least 3:1 against their background color to distinguish them from their surroundings?

Goal

Ensure that all users can identify the area of the page a component is taking up.

Why this matters

At low values of contrast, people with Low Vision or other vision disabilities may have trouble making out the edges of components, which can make activating them challenging.

How to implement

Designer

Review Using color.

Developer

Ensure you’re using the colors and designs outlined by your designer.

How to test

Verify that borders, background colors, and similar delineations are a minimum of 3:1 ratio.