Skip to:

Opened 6 years ago

Closed 6 years ago

#7735 closed defect (bug) (fixed)

BP Nouveau: Insufficient color contrast for Cover Image warning

Reported by: mercime's profile mercime Owned by: hnla's profile hnla
Milestone: 3.0 Priority: normal
Severity: normal Version:
Component: Templates Keywords: has-patch


Current .bp-cover-image-status p.warning has a background-color of #38a and text color of #fff which has a contrast ratio of 4.01. To meet WCAG 2.0 standards, darken the shade of the background color to #0b80a4 for a contrast ratio of 4.53.

Attaching screenshot.

Attachments (2)

cover-image-warning.png (14.5 KB) - added by mercime 6 years ago.
7735.patch (2.3 KB) - added by mercime 6 years ago.

Download all attachments as: .zip

Change History (7)

#1 @DJPaul
6 years ago

  • Milestone changed from Awaiting Review to Awaiting Contributions

6 years ago

#2 @mercime
6 years ago

  • Keywords has-patch added
  • Milestone changed from Awaiting Contributions to 3.0

#3 @DJPaul
6 years ago

@hnla Can you review the change here?

#4 @hnla
6 years ago

@mercime decided we might as well just update the $informational var to this deeper color that way if we have other or future text overlays they will pass contrast test too.

#5 @hnla
6 years ago

  • Owner set to hnla
  • Resolution set to fixed
  • Status changed from new to closed

In 11917:

Nouveau: Color contrast - increase informational box background color depth

To pass color contrast wcag tests increase the depth of the background color for the variable $informational.

Props mercime

Fixes #7735

Note: See TracTickets for help on using tickets.