Nothing Special   »   [go: up one dir, main page]

Page MenuHomePhabricator

Visited link color has insufficient contrast
Closed, DuplicatePublicBUG REPORT

Description

List of steps to reproduce (step by step, including full links if applicable):

What happens?:
The style for a:visited is:
a:visited {
color: #0b0080;
}
which has link to body text contrast of 1.01 to 1, a violation of WCAG 2.0 A.

What should have happened instead?:
The style for a:visited is something like:
a:visited {
color: #C200C2;
}
which has link to body text contrast of 3.12 to 1.
(Doesn't have to be this particular color, but does need a contrast of 3:1 or greater.)

While this can be mitigated by logging in to Wikipedia and setting a preference to always underline links, that requires an account.

Software version (if not a Wikimedia wiki), browser information, screenshots, other information, etc.:

Justification:
Success Criterion 1.4.1 Use of Color
together with
1.4.3 Contrast (Minimum)
and technique
Using a contrast ratio of 3:1 with surrounding text and providing additional visual cues on hover for links or controls where color alone is used to identify them

Event Timeline

Indeed. For steps to reproduce, this is about https://webaim.org/resources/linkcontrastchecker/ showing the ratio for link color #0B0080 and body text color #202122. I'm going to merge this into T213778 which already covers changing the link color.