Page MenuHomePhabricator

Links in articles are differentiated only by color which is a problem for color-blind people in iOS app
Closed, DeclinedPublic

Description

Links in articles are only differentiated from the surrounding text by color, thus they can be hard to distinguish for color blind people. While most color-blind won’t have a problem with blue and total monochromacy is rare in population, it does exists. WCAG 1.4.1 mandates that Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. The shade of grey when converted to grayscale is still a bit different between links and surrounding text, but the ratio is small, as can be seen on the attached image. Given the variety of eye diseases and the fact that they often come in combination of several symptoms, this is not sufficient.

links-colorblind.png (808×464 px, 268 KB)

One way to fix this would be to add an “Underline links” option into the apps Settings (perhaps under an "Accessibility" section). Another option would be to underline by default in some non-obtrusive way.

Event Timeline

hhanke raised the priority of this task from to Medium.
hhanke updated the task description. (Show Details)
hhanke set Security to None.
hhanke renamed this task from Links in articles are differentiated only by color which is a problem for color-blind people to Links in articles are differentiated only by color which is a problem for color-blind people in iOS app.Feb 15 2016, 9:24 AM
cmadeo subscribed.

The blue link color currently being used (#36c) was chosen because it has a WCAG AA label on a white background.

According to the Wikimedia style guide (work still in progress) #36c was chosen as a link color with the following in mind:

Accent50 provides a blue which is suitable to be used for text and as background. When used as link text it provides sufficient contrast with black text to notice the difference. When used as background, it provides enough contrast with white text to keep the text readable.

If this is not sufficient, would it be possible to utilize the 'Button Shapes' Accessibility mode to highlight article links? Perhaps with a background color or an underline?

Hmm... I think Button Shapes may be a system level change applied to built-in components, and not something we can reuse this way. I don't see any mention of it in the Human Interface Guidelines or Apple's accessibility guidance. It sounds good but I'd worry it won't be discoverable.

I think the contrast difference does sound sufficient, since they would still see that the link text is a different color than the body text. Since we don't differentiate link types, there's also not an issue with distinguishing between link types by color.