beberlei/php-rfc-watch

Text inside result bars does not have enough contrast

stof opened this issue · 0 comments

stof commented

I'm talking about these texts:
image

Here are the contrast ratio:

  • white on green: 1.86
  • white on red: 2.44
  • white on blue: 2.28
  • white on teal (not in the screenshot, but used when there is 4 choices): 1.87

The AA accessibility level asks for a minimum of 4.5 for the contrast ratio.

I see 2 solutions to fix this:

  • use dark text rather than white text
  • use darker background color