Skip to content

[project-42.dev] Fix learner-data policy label contrast #57

Description

@hcs-platform-app

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

  1. Build site release 0.17.0 from branch feat/learner-data-disclosure-ab5684.
  2. Run npm run test:browser.
  3. The critical learner-state accessibility test fails on /learner-data.
  4. 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    ado-trackedLinked to an Azure DevOps work itemin-progressLinked Azure DevOps work is active

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions