astro-website/openspec/changes/lighthouse-remediation/specs/wcag-responsive-ui/spec.md

ADDED Requirements

Requirement: Color contrast for secondary UI text and chips

The site MUST meet WCAG 2.2 AA contrast requirements for non-decorative text, including secondary/muted metadata text and pill/chip labels.

This includes (but is not limited to):

• card footer date and view-count text
• pill/chip labels (e.g., source labels)

The contrast ratio MUST be at least 4.5:1 for normal text.

Scenario: Card metadata contrast passes

• WHEN a content card is rendered with date and view-count metadata
• THEN the metadata text has a contrast ratio of at least 4.5:1 against its background

Scenario: Pill label contrast passes

• WHEN a pill/chip label is rendered (e.g., a source label)
• THEN the pill label text has a contrast ratio of at least 4.5:1 against the pill background