Skip to content

sl-rating violates WCAG 1.4.1 Use of Color #2532

@jasonatwell

Description

@jasonatwell

Thank you for your hard work, shoelace is amazing!

Describe the bug

The only way to distinguish active vs inactive sl-rating is color. According to WCAG 1.4.1

Use information in addition to color, such as shape or text, to convey meaning.

Demo

https://codepen.io/Jason-at-Well/pen/jEWeMOW

Notice in the demo that clicking a star doesn't change the color because you're seeing the world through someone's eyes who can't distinguish color.

Screen.Recording.2025-10-31.at.15.53.05.mov

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugThings that aren't working right in the library.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions