WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Star ratings

for

From: Radhika Soni
Date: Oct 26, 2021 7:33AM


Appreciate all the responses.
And if the outline is not thick enough but has a contrast of 3:1. Is it ok
to provide the rating in text next to stars? SO that color blind users can
know what the rating values are.
Or can we skip the text part?

Thanks a lot!

Regards,
-Radhika


On Tue, Oct 26, 2021 at 5:22 AM Mark Magennis < <EMAIL REMOVED> >
wrote:

> There are two aspects to this - contrast against background and colour
> indicating state.
>
> In terms of contrast against background, if the star has an outline of a
> different colour and either the outline/background has sufficient contrast
> or the star/outline has sufficient contrast then it meets the WCAG contrast
> requirements. In practice, a thicker outline may make it easier for some
> users to perceive the contrast, but that is not taken into account in the
> requirements.
>
> But since the star colour is used to indicate state (checked or not
> checked), then a star sldo has to contrast against stars in the other
> state, so either the star colour should contrast or the outline should
> contrast (different thicknesses for example).
>
> The understanding article for WCAG SC 1.4.11 has a helpful example.
> https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html
>
> Mark
>
> -----Original Message-----
> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of
> Radhika Soni
> Sent: 22 October 2021 16:13
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: [EXTERNAL] [WebAIM] Star ratings
>
> 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
> > > > >