Issue sample

Issue ID: 1234-567

Reported: July 20th, 2025 (~1 month ago)

[EXMP] Brand orange/white combinations do not meet minimum contrast threshold

Sufficient color contrast ensures that text, icons, and important content are easy to read, especially for users with low vision, color blindness, or who are viewing the page in poor lighting conditions. Without proper contrast, users may struggle to distinguish key information or interact with essential controls. Good contrast improves readability and makes sure everyone can access the same content equally.

User impacts

Follow the links for additional information on user impairments:

• Vision impairment
• General user experience

WCAG violation(s)

WCAG 1.4.3: Contrast Minimum (AA)

Example(S)

The orange (#FF7B00) and white (#ffffff) only have a 2.59:1 contrast ratio. This means the orange does not meet minimum contrast requirements under any circumstance (including the “Add to Cart” button seen in the screenshot and the site’s global focus indication, seen on the “Quantity” field in the screenshot).

Testing conditions

• Chrome
• Firefox

Steps to reproduce

• Using a browser plugin or inspector tools, get the colors (in this case, #FF7B00 and #ffffff).
• Use a tool (like WebAIM’s contrast checker) to generate the contrast ratio

Remediation

ALL color combinations must meet sufficient contrast minimums. Using a contrast checker, like WebAim’s Color Contrast checker, all color combinations should be confirmed per the following standards:

• WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders). WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
• Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.

You will need to visit every page of the website to confirm contrast minimums. We recommend that you start with the home page, main level menu items and other pages that are important for the site’s mission. Then following that, either consult analytics and work your way through the most visited pages, OR work your way down through the list of remaining pages in the wp-admin page list.