WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Star ratings

for

From: glen walker
Date: Oct 22, 2021 2:05PM

Rather than writing my own thoughts on this, there's a decent example on
w3.org

https://www.w3.org/WAI/tutorials/forms/custom-controls/#a-star-rating

They have an underline under the highest star selected so that "color only"
is not used as the only indicator.

And the contrast between the blue selected stars and the gray unselected
stars is 3.4:1 so it passes 1.4.11, although the stars don't actually touch
each other so they're not considered "adjacent" colors and 1.4.11 doesn't
really apply.


On Fri, Oct 22, 2021 at 9:13 AM Radhika Soni < <EMAIL REMOVED> > wrote:

> Hi Everyone!
>
> I am looking at most of the sites for star rating they have on PLP and PDp
> pages. These star ratings fail for color contrast ratio.
> And some sites do have strokes around them, but not a thicker stroke.
> So do think the stroke would help to pass for color contrast ratio if the
> actual color of the star is failing for color contrast. Looking for
> everyone's feedback and viewpoints.
>
> [image: image.png]
>
> Happy Friday!
>
> Regards,
> -Radhika
> > > > >