Elements must meet enhanced color contrast ratio thresholds

Serious

What is the problem?

The "color-contrast-enhanced" rule ensures that the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds. This means the text and other important visual elements are easily readable, even for people with visual impairments.

Impacted Groups

Low Vision

Why is this important?

People with visual impairments, such as low vision or color blindness, may struggle to read text with low contrast. This can make it difficult or impossible for them to access important information on the website.

How to solve this issue

To fix this, use a color contrast checker tool to ensure that the color contrast between text and its background meets the WCAG 2 AAA enhanced 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-enhanced

Severity

Serious

Manual Review Required

Yes

Rule Group

WCAG 2.x level AAA rules

Guidelines

  • WCAG 2.1 (AAA)
  • WCAG 2.0 (AAA)

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.