Skip to content

Remove disabling of link text decoration#283

Merged
tysongach merged 1 commit intomasterfrom
tg-links
Apr 29, 2017
Merged

Remove disabling of link text decoration#283
tysongach merged 1 commit intomasterfrom
tg-links

Conversation

@tysongach
Copy link
Contributor

@tysongach tysongach commented Apr 22, 2017

Styling links only through color and removing their default underline
is an accessibility concern for people with color blindness. It's
possible they would not be able to discern the difference between
regular text and a link.

This commit also sets the text-decoration-skip property to ink for
all links, which only draws text decoration where it does not touch or
closely approach a glyph.

text-decoration-skip is support in most browsers with a prefix, excluding IE & Edge: http://caniuse.com/#feat=text-decoration


screen shot 2017-04-22 at 13 29 21

a {
color: $action-color;
text-decoration: none;
text-decoration-skip: ink;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unknown property text-decoration-skip

Copy link
Contributor Author

@tysongach tysongach Apr 22, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@whmii
Copy link
Contributor

whmii commented Apr 23, 2017

like

Styling links only through color and removing their default underline
is an accessibility concern for people with color blindness. It's
possible they would not be able to discern the difference between
regular text and a link.

This commit also sets the `text-decoration-skip` property to `ink` for
all links, which only draws text decoration where it does not touch or
closely approach a glyph.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants