Making WordPress.org

Opened 2 weeks ago

#8245 new defect (bug)

Low contrast in form field descriptions

Reported by: fedesca90's profile fedesca90 Owned by:
Milestone: Priority: normal
Component: Profiles Keywords: needs-patch needs-design has-screenshots
Cc:

Description

Hi,
As a logged-in user, I’ve encountered an accessibility issue on the user profile page.
https://profiles.wordpress.org/{your_name}/profile/edit/group/1/
On the profile tab, the description fields are styled using color: #888;.
Against a white background, the contrast ratio is only 3.54.

To reproduce the bug, you can:
1) Go to https://login.wordpress.org/
2) Log in
3) Click on “Edit profile” at the top right of the screen
3) Look for descriptions below input fields

I found the CSS rule here
https://profiles.wordpress.org/wp-content/themes/profiles.wordpress.org/style.css on line 1594

form.standard-form p.description {
  font-size: 11px;
  color: #888;
  margin: 5px 0;
}

The color to achieve a minimum contrast ratio of 4.5 is

#767676

The ticket needs design feedback to select the best color from the theme palette.

Attachments (1)

WordPressUserProfile_contrastDescriptionIssue.png (26.0 KB) - added by fedesca90 2 weeks ago.
Low contrast description field

Download all attachments as: .zip

Change History (1)

@fedesca90
2 weeks ago

Low contrast description field

Note: See TracTickets for help on using tickets.