Page MenuHomePhabricator

List-Item bullets fail WCAG 2.0 Level AA in `.wikitable`
Closed, ResolvedPublic

Description

The current list-item bullet with main color #00528c fail in wide-spread use case in .wikitable tables with WCAG 2.0 level AA at a contrast ratio of 3.5:1
https://www.mediawiki.org/w/skins/Vector/images/bullet-icon.svg
Possibly also identical to https://commons.wikimedia.org/wiki/File:Vector-bullet-icon.svg (which should be updated if we change the default's color)
(Old broken link: https://www.mediawiki.org/static/1.27.0-wmf.7/skins/Vector/images/bullet-icon.svg )

Event Timeline

Volker_E assigned this task to violetto.
Volker_E raised the priority of this task from to Low.
Volker_E updated the task description. (Show Details)
Volker_E subscribed.

Keep an eye on changes that impacts this from T109915, once the change goes through, the bullet will be the same as black text color.

Volker_E edited projects, added UI-Standardization-Kanban; removed UI-Standardization.
Volker_E edited subscribers, added: violetto; removed: Volker_E.
Quiddity set Security to None.

After our color palette M82 got overhauled and improved, the color used for normal text #222 seems appropriate for the list-bullet-items as well, actually making inlining the images obsolete.
#222 works in .wikitables as well and is therefore preferable over #54595d.

.wikitable has background of #f9f9f9 (in one less than a week: #f8f9fa) which has 7.71 contrast ratio with #00528c. If we consider the second level of wikitable (#f2f2f2 and in less than a week: #eaecf0) which has 7.25 contrast ratio according to http://webaim.org/resources/contrastchecker/. Am I wrong?

@Ladsgroup Agreed. On the th 6.87:1 fulfills our needs contrast-wise.
I'd still reframe this task to get rid of the blue shade, as blue should preferably be just reserved for interactive elements and probably get rid of the image in preference to a HTML only solution in supported browsers.

Rammanojpotla raised the priority of this task from Low to Medium.Mar 16 2017, 11:22 AM