RE: [EXTERNAL] Question on contrast requirement in ratings(Asterisk) stars *

Hi Kiran,

In terms of WCAG conformance the unfilled star still needs to have a border that has 3:1 contrast with the background color of the component. This is required for any part of a graphical object that is needed to understand the image. Being able to see all the stars is necessary to understand the total possible rating, not just the current rating, so the unfilled star (or any star in the group, for that matter) needs to have 3:1 with the background. The filled and 'unfilled' color have sufficient contrast with each other, so the border on the unfilled star is the issue.

On 7/27/2022 9:12:26 AM, Lisa Spirko <lisa.spirko@availity.com> wrote:
I would put a solid outline around the fifth star, particularly if this is an interactive element where they’re actually selecting the stars, and not a static one conveying the rating.
 
Thanks,
Lisa Spirko
Content Designer/Developer, Client Engagement Services (formerly, Availity Learning)
 
From: Kiran <kiranph@gmail.com>
Sent: Wednesday, July 27, 2022 11:01 AM
To: w3c WAI List <w3c-wai-ig@w3.org>
Subject: [EXTERNAL] Question on contrast requirement in ratings(Asterisk) stars *
 
CAUTION: This message was received outside of the Availity Email Systems. Do Not open links or attachments unless you trust the source.
Hi all,
 
I appreciate your guidance on the contrast requirement for asterisk in rating stars.
 
if the rating is 4 out of 5 stars, where the first 4 stars have a contrast ratio of 3:1 however, my question is - does the 5th asterisk also need a contrast of 3:1??
 
 
Please help and suggest.
 
Thank you very much for your time.
 
~ Kiran 
 
 

The information contained in this e-mail may be privileged and confidential under applicable law. It is intended solely for the use of the person or firm named above. If the reader of this e-mail is not the intended recipient, please notify us immediately by returning the e-mail to the originating e-mail address. Availity, LLC is not responsible for errors or omissions in this e-mail message. Any personal comments made in this e-mail do not reflect the views of Availity, LLC..