Elements must meet minimum color contrast ratio thresholds
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI
[
{
"url": "https://qa-bugs.lab980.com",
"severity": "serious",
"title": "<html> element must have a lang attribute",
"evidence": {
"impact": "serious",
"nodes": [
{
"selector": "html",
"snippet": "<html>"
}
],
"node_count": 1,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
]
}
}
]
seriouswcagwcag/1.4.31 page
Insufficient color contrast on text elements
Low-vision users and users viewing the page in bright ambient light will struggle to read text where contrast falls below the required 4.5:1 ratio for normal text (3:1 for large text). Without seeing exact colors, this was flagged by automated scanning against rendered styles, indicating actual foreground/background combinations fail the threshold rather than being a false positive from decorative or disabled content. Fix: adjust text and background colors (or button/nav element colors) to meet minimum contrast ratios, verified with a contrast checker, prioritizing headings, nav buttons, and article body text.
[
{
"url": "https://qa-bugs.lab980.com",
"severity": "serious",
"title": "Insufficient color contrast on text elements",
"evidence": {
"selector": "header, nav button, article",
"note": "Automated contrast check flagged as serious; needs designer verification of actual color values against 4.5:1 (AA) threshold."
}
}
]