Opened 2 weeks ago
#8245 new defect (bug)
Low contrast in form field descriptions
| Reported by: |
|
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.
Low contrast description field