Upstream report: https://secure.phabricator.com/T8101
https://phabricator.wikimedia.org/T98335?workflow=create shows a banner with light blue (electrical blue?) text over light blue (hazel?) background. Forgive the imprecise names but what's clear is that this choice is terrible for accessibility. Please provide a better contrast.
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | Qgil | T553 Engineering Community team goals for October 2014 | |||
| Resolved | Qgil | T174 Launch Wikimedia Phabricator Day 1 | |||
| Resolved | Qgil | T175 Nominate a team in charge of deploying and maintaining Wikimedia Phabricator code | |||
| Resolved | • RobLa-WMF | T17 Allocate resources for the migration and maintenance | |||
| Resolved | Qgil | T19 Define which features existing in our current tools are really missing in Phabricator | |||
| Resolved | Qgil | T15 Migrate Bugzilla to Phabricator | |||
| Resolved | Aklapper | T22 Identify features Bugzilla users would miss in Phabricator | |||
| Open | None | T109 Improve Phabricator's assistive technology support | |||
| Declined | None | T98337 Light blue over light blue does not pass accessibility criteria |
I'm not specially excited about the new design, but is there really a problem of accessibility there?
What makes you think there isn't one? If someone thinks the current contrast is sufficient and there is *no* accessibility issue, we may check with one of the tools for the purpose.
The task reported upstream was closed as Invalid, see https://secure.phabricator.com/T8101
If someone can tell objectively that this implementation poses a problem of accessibility, I'm happy to report it. Otherwise, I think we should decline this task accordingly.
It's an accessibility issue:
http://webaim.org/resources/contrastchecker/
Foreground color: #2980b9 Background color: #daeaf3 Contrast Ratio: 3.49:1 Normal Text WCAG AA: Fail WCAG AAA: Fail Large Text WCAG AA: Pass WCAG AAA: Fail
WCAG 2.0 level AA requires a contrast ratio of 4.5:1 for normal text (14 point and bold or larger) and 3:1 for large text (18 point or larger). Level AAA requires a contrast ratio of 7:1 for normal text and 4.5:1 for large text.
Note btw, that this is by far not the only problem in phab. The blue grayish 'via web' on this page is also really problematic.
Foreground color: #8c98b8 Background color: #eee Contrast Ratio: 2.48:1 Normal Text WCAG AA: Fail WCAG AAA: Fail Large Text WCAG AA: Fail WCAG AAA: Fail
Closed as invalid in upstream; and as explained in https://secure.phabricator.com/T8549, "basically, https://secure.phabricator.com/T8614 is "I need my software to be Accessible" and https://secure.phabricator.com/T4213 is "I don't like how Phabricator looks."."
If you are interested in modifying these locally, the variables are here: https://secure.phabricator.com/diffusion/P/browse/master/src/applications/celerity/CelerityResourceTransformer.php;78438951c804e3ec184a839d8f96741146a21dd4$172
After updating, you'll want to re-run celerity to build the packages: bin/celerity map.
fwiw https://phabricator.wikimedia.org/settings/panel/display/ has an option for high contrast colors.
Workaround provided in previous comment for those who run into accessibility problems with the given default choices.