govdirectory
Adjust the orange background color to improve readability
The feature
Discussed on #348
Why?
Improved readability for web accessibility.
Examples and inspiration
I was just thinking about this issue... Wouldn't it be better to have a high-contrast mode? Because the dark orange doesn't match so well with the blue. (Just a thought)
That idea crossed my mind too, I think we should strive towards having better defaults but both the blue and orange would need to be updated and it would be a lot of work(CSS, icons, branding repo, presentation templates, etc). High-contrast mode is more bang for the buck.
I've forked and tweaked as per suggestions above. A subtle difference but ticks a few boxes.
I tried colourcontrast.cc and managed to get AAA normal by pushing the envelope.
What do folks think?
Sorry, another observation: On the home page we have the secondary colour (redish) appearing both on a dark background, with white text and with black text. I suspect it will be very difficult to find a colour in this circumstance that meets WCAG approval.
Good point. If the orange gets darker though, we can switch the black text for white there.
