Skip to content

a11y: Showcase carousel — white text on amber background fails WCAG AA (2.14:1) #444

@perasperaactual

Description

@perasperaactual

Carousel/feature cards in the Showcase page use color: #FFFFFF text on background: #f59e0b (amber), producing a contrast ratio of 2.14:1. WCAG AA requires 4.5:1 for normal text and 3:1 for large text. Fix: either darken the background, change the text color to a dark value, or adjust the card's background field in the YAML to a color with sufficient contrast against white. Found in e2e run on PR #437.

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityWeb accessibility (WCAG, a11y)

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions