e.g. light blue on blue: https://snook.ca/technical/colour_contrast/colour.html#fg=05E9D1,bg=301FD5
Description
Status | Subtype | Assigned | Task | ||
---|---|---|---|---|---|
Resolved | Varnent | T201682 Accessibility issues of new Wikimedia Foundation website (failing WCAG conformance) (tracking) | |||
Resolved | Volker_E | T201026 Regression: colours not accessible (not conforming to WCAG 2 AA) |
Event Timeline
White on black (footer) and pink/green on blue (header and other parts of the site), for text or other elements, are also problematic and make some parts of the site quite painful to look at.
@TheDJ @Ladsgroup On a short look, there are several different topics to tackle, so @Ladsgroup's input is what I had in mind, when first looking at the source code as well. Let's collect them as subtasks, including the current one.
For a range of reasons, like range of available colors, minimum color contrast within colors in such limited palette (think 3:1 contrast requirement of UI components to surrounding text, both in WCAG 2.0 & 2.1) it is not feasible to aim for AAA conformance in product design for most inclusive, biggest possible user group. In our recent Foundation web product launches we were aiming for AA conformance in balancing well-supporting majority of our users while deferring further needs to special software.
Please note that various of our other resources have been finding this balance as well. For example Meta Wiki's top link colors are only conforming to AA (#069 to #fff with 6.25:1).
Hello - I believe this ticket has been resolved with the updated design we released this week - which I invite you to checkout at: https://wikimediafoundation.org/
I am closing the ticket, but please let me know if it is not resolved on your end. Thank you!
Testing with tota11y:
Haven’t touched other pages since I don’t really want to do a full accessibility audit :-) Tools such as tota11y, aXe and Accessibility Insights can catch these errors pretty easily anyway.
With the latest updates of today, wikimediafoundation.org website features only level AA conforming colors.