Project

General

Profile

Actions

Bug #13496

closed

Review contrast issues on registration page and profile page

Added by Matt Gold over 3 years ago. Updated over 3 years ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Sonja Leix
Category name:
Accessibility
Target version:
Start date:
2020-10-23
Due date:
% Done:

0%

Estimated time:
Deployment actions:

Description

During today's community meeting, we noticed that the registration page uses dark gray text on a black background, and also on the profile page itself, we use dark gray text against a black background. We should review contrast levels for these colors and ensure that we are meeting WCAG requirements

Actions #1

Updated by Sonja Leix over 3 years ago

Just posted this in the wrong thread, but moving it here.

I don't know what web accessibility compliance we're aiming for, but I assume AA. If so, we should use the color #999 for the grey copy. If we'd rather be compliant with AAA, let's use white for all text besides the links. Here are the results for #999, it only fails AAA for normal text (https://webaim.org/resources/contrastchecker/?fcolor=999999&bcolor=262626)

See screenshots from Boone:
https://redmine.gc.cuny.edu/attachments/16095/Screenshot_2020-10-09_14-08-31.png
https://redmine.gc.cuny.edu/attachments/16096/Screenshot_2020-10-09_14-09-53.png

Please change the color of all grey text on the profile and edit profile pages and make the field labels bold for contrast.
Let me know if you need further guidance.
Thanks!

Actions #2

Updated by Boone Gorges over 3 years ago

  • Status changed from Assigned to Staged for Production Release
  • Target version set to 1.18.0

Thanks, Sonja. White sounds good to me. I've made the changes.

Actions #3

Updated by Boone Gorges over 3 years ago

  • Status changed from Staged for Production Release to Resolved
Actions

Also available in: Atom PDF