WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Progress bar color contrast


From: Patrick H. Lauke
Date: Jan 25, 2023 2:39PM

On 25/01/2023 21:00, Radhika Takyar wrote:
> Hi All,
> I need a confirmation on color contrast check for progress bar. We need to make sure that progress bar showing the status need to pas the color contrast ratio with the empty progress bar color.
> And also the whole progress bar should have an outline to pass for color contrast against the background where have progress bar. Is that correct?

Yes (though on the last point, you don't necessarily need an *outline)
around the whole progress bar, if the empty part and the progress itself
both contrast against the background they're on

Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke