sl-rating violates WCAG 1.4.1 Use of Color
Author: jasonatwellCreated Oct 31, 2025Updated Oct 31, 2025
Labelsbug
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.
https://github.com/user-attachments/assets/787f9d95-9b0b-4653-ab3e-f2267c66f02e
Source: shoelace-style/shoelace