Elements must meet minimum color contrast ratio thresholds

Serious

What is the problem?

The color-contrast rule ensures that the contrast between foreground and background colors is sufficient for readability.

Impacted Groups

Low Vision
Colorblindness

Why is this important?

Insufficient color contrast can make text difficult or impossible to read for people with visual impairments, such as those with low vision or color blindness. This can hinder their ability to access and understand information on the website.

How to solve this issue

To address this issue, use a color contrast checker tool to ensure that the color contrast meets WCAG 2 AA minimum contrast ratio thresholds. This can be achieved by using sufficient color contrast, using larger font sizes, or increasing the line spacing.

Rule Information

Rule ID

color-contrast

Severity

Serious

Manual Review Required

Yes

Rule Group

WCAG 2.0 Level A & AA Rules

Guidelines

  • WCAG 2.1 (AA)
  • WCAG 2.0 (AA)
  • WCAG 2.2 (AA)
  • Trusted Tester
  • EN 301 549

Customise Guidance

You can customise each accessibility rule in SiteAlly with your own guidance, instructions and even links to your own organisation specific documentation.

Enable your website editors to resolve issues quickly with SiteAlly.

Ready to make your website accessible?

SiteAlly provides automated accessibility monitoring, detailed reports, and step-by-step guidance to help you achieve and maintain compliance.