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.
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.