Commit 886fc48
doc: underline links
The current use of color only to differentiate links fails WCAG A
accessibility standards.
Possible solutions are:
1. Using a text indicator to show that the text is a link.
2. Using additional cues (such as underlining).
3. Providing color contrast of 3:1 or greater with surrounding text
(not the background--the adjacent text!) along with visual cues
on hover.
The solution here implements the second option.
Ref: https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html
Ref: https://www.w3.org/WAI/WCAG21/Techniques/failures/F73
Ref: https://www.w3.org/WAI/WCAG21/Techniques/general/G182
PR-URL: #50481
Refs: https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html
Refs: https://www.w3.org/WAI/WCAG21/Techniques/failures/F73
Refs: https://www.w3.org/WAI/WCAG21/Techniques/general/G182
Reviewed-By: Claudio Wunder <cwunder@gnome.org>
Reviewed-By: Moshe Atlow <moshe@atlow.co.il>
Reviewed-By: Yagiz Nizipli <yagiz@nizipli.com>
Reviewed-By: Tobias Nießen <tniessen@tnie.de>
Reviewed-By: Tierney Cyren <hello@bnb.im>
Reviewed-By: Luigi Pinca <luigipinca@gmail.com>1 parent 6e20e08 commit 886fc48
1 file changed
Lines changed: 0 additions & 1 deletion
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -136,7 +136,6 @@ a:link, | |||
| 136 | 136 | a:active, | |
| 137 | 137 | a:visited { | |
| 138 | 138 | color: var(--color-links); | |
| 139 | - text-decoration: none; | ||
| 140 | 139 | border-radius: 2px; | |
| 141 | 140 | padding: 1px 3px; | |
| 142 | 141 | } | |
0 commit comments