Skip to:
Content

Opened 2 years ago

Closed 2 years ago

Last modified 2 years ago

#6838 closed defect (bug) (fixed)

Accessibility: Provide sufficient color contrast in stylesheets to meet WCAG 2.0 AA standards

Reported by: mercime Owned by: mercime
Milestone: 2.5 Priority: normal
Severity: normal Version:
Component: Core Keywords: has-patch has-screenshots
Cc:

Description

The visual presentation of text and images of text has a contrast ratio of at least 4.5:1 (Level AA) ...

Automated and manual checks revealed that certain font and background colors in buddypress.css or buddypress-rtl.css which are used as base styles for all themes including the Twenty-* default themes, need to be corrected to pass color contrast ratio set in WCAG 2.0 AA standards.

Attachments (5)

bpcss-universal.png (56.1 KB) - added by mercime 2 years ago.
bpcss-2016.png (61.9 KB) - added by mercime 2 years ago.
bpcss-2014.png (88.9 KB) - added by mercime 2 years ago.
buddypress-css.patch (11.9 KB) - added by mercime 2 years ago.
a11y-buddypress-css.jpg (32.6 KB) - added by mercime 2 years ago.
low contrast font/background colors in buddypress.css

Download all attachments as: .zip

Change History (10)

@mercime
2 years ago

@mercime
2 years ago

#1 @mercime
2 years ago

  • Keywords has-patch added

Patch attached addresses the issue and also sneaks in a few indentation and capitalization changes.
Screenshots of effects on the Universal, Twenty Sixteen, and Twenty Fourteen themes are also attached for reference.

#2 @mercime
2 years ago

  • Keywords has-screenshots added

@mercime
2 years ago

low contrast font/background colors in buddypress.css

This ticket was mentioned in Slack in #buddypress by mercime. View the logs.


2 years ago

#4 @mercime
2 years ago

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

In 10533:

A11y: Update color contrasts in buddypress.css to meet WCAG 2.0 AA standards.

Fixes #6838.

#5 @DJPaul
2 years ago

  • Component changed from General - UX/UI to Core
Note: See TracTickets for help on using tickets.