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/elements
Low-vision users and users in bright ambient light may be unable to read text or distinguish UI elements (e.g. nav buttons, article headings) if contrast ratio is below 4.5:1 for normal text or 3:1 for large text/UI components. Without seeing the actual rendered colors, this cannot be confirmed as a false positive; given the flag's serious severity and 0.7 confidence, verify computed foreground/background colors on nav buttons, headings, and body text using a contrast checker. Fix by adjusting text/background colors to meet AA thresholds (4.5:1 normal text, 3:1 large text ≥18pt/14pt bold, 3:1 for UI component boundaries per 1.4.11).
[
{
"url": "https://qa-bugs.lab980.com",
"severity": "serious",
"title": "Insufficient color contrast on page text/elements",
"evidence": {
"selector": "nav button, h1, h2, article",
"note": "Contrast ratio not verifiable from skeleton alone; requires rendered-color inspection to confirm violation vs. intentional design that still meets AA."
}
}
]