WCAG 2 fixes for contrast and empty header

Review Request #777 — Created June 22, 2021 and submitted

Information

pidgin/nest
default
cc92d783071a

Reviewers

WCAG 2 fixes for contrast and empty header

Ran WAVE tool browser extension. They have a no-install, web version at https://wave.webaim.org/

As an example, improvement goes from 3+24 errors to 2+0 errors on https://pidgin.im/contact/

The colors are directly-scaled, viable suggestions, but it would be possible to make the green more green by exchanging red/blue for green while maintaining the same level of contrast. As an example #0c8a0c might be a bit more vibrant green. Please let me know if you would like me to suggest other slight color variations.


Description From Last Updated

Please attach a screenshot of what changed.

QuLogicQuLogic

It does look a bit dull in the thumbnail, but not so bad at 100% and the contrast is much …

QuLogicQuLogic
QuLogic
  1. 
      
  2. Show all issues

    Please attach a screenshot of what changed.

  3. 
      
jrchamp
grim
QuLogic
  1. 
      
  2. Show all issues

    It does look a bit dull in the thumbnail, but not so bad at 100% and the contrast is much better. It's a bit subtle, but I think I'd prefer the more vibrant green you suggested.

    1. And I didn't compare before, but the link colour is way better.

    2. I agree that the more vibrant colors seem overall better. So now to choose a more vibrant link color.

      If we only tone down the green, I ended up with #0069f3 which feels like a nice natural link color instead of the grayish blue in my existing "(after)" image.

      I'll be doing my first Mercurial amend commit, so wish me luck!

  3. 
      
jrchamp
QuLogic
  1. Ship It!
  2. 
      
grim
  1. Ship It!
  2. Awesome work thank you very much!!

  3. 
      
grim
Review request changed
Status:
Completed