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 page text/UI elements
Low-vision users cannot reliably read text or distinguish UI components (e.g., nav buttons, headings, body text) where the contrast ratio falls below the required 4.5:1 for normal text (or 3:1 for large text/UI components per 1.4.11). Without seeing rendered colors directly, the flagged contrast failure should be confirmed via automated contrast checking (e.g., axe or browser devtools) and any text/background pairs below threshold must be adjusted—typically by darkening foreground text or lightening backgrounds—to meet the ratio. This is a real barrier, not merely stylistic, because it affects reading comprehension for users with moderate visual impairment, not just aesthetic preference.
[
{
"url": "https://qa-bugs.lab980.com",
"severity": "serious",
"title": "Insufficient color contrast on page text/UI elements",
"evidence": {
"selector": "body, nav button, h1, h2",
"note": "Exact failing color pairs not identified in skeleton; requires rendered-page contrast measurement to confirm scope (may affect nav buttons only or broader text)."
}
}
]