Problem
The new learner-data page renders two eyebrow labels at a 3.46:1 contrast ratio on the navy policy panels. WCAG 2.1 AA requires 4.5:1 for this text size.
Reproduction
- Build site release 0.17.0 from branch
feat/learner-data-disclosure-ab5684.
- Run
npm run test:browser.
- The critical learner-state accessibility test fails on
/learner-data.
- Axe reports
.policy-status > div > .eyebrow and .policy-machine-readable > div > .eyebrow.
Expected
All text on the learner-data page meets the WCAG AA contrast threshold and the browser accessibility gate passes.
Actual
Both labels inherit #626b7b on #0b1225, producing 3.46:1 contrast.
Acceptance criteria
- The two policy-panel eyebrow labels meet or exceed 4.5:1 contrast.
- The complete nine-test browser suite passes with no WCAG A/AA violations.
- The fix is included in the 0.17.0 release evidence.
Related delivery: AB#5684 and AB#5687.
Problem
The new learner-data page renders two
eyebrowlabels at a 3.46:1 contrast ratio on the navy policy panels. WCAG 2.1 AA requires 4.5:1 for this text size.Reproduction
feat/learner-data-disclosure-ab5684.npm run test:browser./learner-data..policy-status > div > .eyebrowand.policy-machine-readable > div > .eyebrow.Expected
All text on the learner-data page meets the WCAG AA contrast threshold and the browser accessibility gate passes.
Actual
Both labels inherit
#626b7bon#0b1225, producing 3.46:1 contrast.Acceptance criteria
Related delivery: AB#5684 and AB#5687.