Accompanying Files
Observation Details
The display of a product's color options is not using high enough contrast.
As the information conveyed is necessary to understand the content, the color contrast ratio must be at least 3:1. Some color options barely reach color contrast ratio of 1.1:1.
Please note: The accompanying screenshot is showing one example product card. This observation spans multiple products. Ensure, all options meet required minimum contrast ratio.
Remediation Notes
Ideally, the colors would be described as text.
If this is not possible, ensure a minimum contrast ratio of 3:1. The easiest way to achieve this is by using a simple outline on the color variant circle:
.variantCircle {
outline: .1px solid;
}This way, the contrast ratio is not calculated to the background color but to the outline color.