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: This observation describes one example product with example color option(s). This observation spans multiple products.
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.
Please note: Ensure, all color options meet required minimum contrast ratio. It is not recommended, trying remediation of single color options individually.