Skip to:
Content

BuddyPress.org

#7735 closed defect (bug) (fixed)

BP Nouveau: Insufficient color contrast for Cover Image warning

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

Description

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 15 months ago.
7735.patch (2.3 KB) - added by mercime 15 months ago.

Download all attachments as: .zip

Change History (7)

#1 @DJPaul
15 months ago

  • Milestone changed from Awaiting Review to Awaiting Contributions

@mercime
15 months ago

#2 @mercime
15 months ago

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

#3 @DJPaul
15 months ago

@hnla Can you review the change here?

#4 @hnla
15 months 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
15 months 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.