Skip to content

Fix usability of component status badges to communicate status in ways other than exclusively by color #46

Open
@apetro

Description

@apetro

Accessibility bug: the component status indicator currently indicates status exclusively via a colored filled circle. There's no text label, there's no text for screen readers. A user in a text-based browser would not experience the indicator at all. A user with vision impairments or difficulty perceiving color would not get the semantic meaning from the indicator.

The color can supplement but must not be the exclusive way in which meaning is conveyed. Upgrade to a chip with a text label.

screenshot of green MyUW Badge component status indicator alongside its HTML source showing that it conveys meaning exclusively via color

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions