Project

General

Profile

Bug #13496

Review contrast issues on registration page and profile page

Added by Matt Gold 12 months ago. Updated 11 months ago.

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

0%

Estimated time:

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

History

#1 Updated by Sonja Leix 12 months 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!

#2 Updated by Boone Gorges 12 months 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.

#3 Updated by Boone Gorges 11 months ago

  • Status changed from Staged for Production Release to Resolved

Also available in: Atom PDF