underline links (in text widgets) in sidebar for accessibility

[Travel_girl]

Team Blogs under ​https://make.wordpress.org/ are having a sidebar. The links in the widgets are not underlined.

For some widgets, thats fine, because the links are stand alone links and don't need to be underlined.

But they are widgets, where links and texts are together and links don't have a visual indicator beside the color, that they are links and not text.

See screenshot.

[Otto42]

They're not supposed to be underlined. That's part of the theme design.

The style.css explicitly has this in it: a { text-decoration: none; }

​https://wpcom-themes.svn.automattic.com/p2-breathe/style.css

[Travel_girl]

@Otto42 but in this way it is not accessible, so it should be changed, or?

[Otto42]

What do you mean that it's not accessible? Please define "accessible" for this purpose.

[Travel_girl]

@Otto42 information and functions are not allowed to be signaled only by color, cause color blind people are likely to miss this information.

because of that, links need an additional design like underlined or border-bottom-styles. Othersie color blind people can't see, that there is a link.

For stand alone linkes like menu or post meta, its okay, as it is clear by there position that it is probably a link. but when there is text around, it is not clear.

I attache a screenshot in black and white. Its hard to spont the links in the text.

[Travel_girl]

BTW: 8% of all men are color blind, so this should be improved

[Travel_girl]

for consistency I would go with the same code as the links in the content, which is:

.entry-content p a, .comment-content p a, .entry-content li a, .comment-content li a {

text-decoration: underline;

}

So maybe:

.textwidget a {

text-decoration: underline;

}

[coffee2code]

In 13685:

Breathe: Underline sidebar links.

Props travel_girl.
Fixes #7146.

[coffee2code]

The Make/Accessibility team had already employed this styling change for their own site via "Additional CSS". Since this is now part of the theme, I've removed this site-specific style.

[coffee2code]

In 13694:

Breathe: Don't underline Handbook Pages widget links.

See #7146.