alphagov/govuk_template

For discussion: disable link ink skipping.

Closed this issue · 6 comments

Back in 2017 we enabled link skipping (#281 ). After some discussion (#313 ) we then disabled it (#316).

Links skipping has now been enabled by default in some browsers so I wonder if we should explicitly disable it.

I think the same reasons apply to making it default disabled as existed last year: while it may look prettier, it often makes a single link look like multiple links - particularly when near punctuation. The skip is often far larger than necessary. Until browser vendors release an improved implementation, we should disable.

By way of dropbox paper, we've also had this accessibility comment from the Digital Accessibility Center:

We have recently had a suggestion from the Digital Accessibility Centre that links, where the underline is broken by descending letters, are not good for users of assistive technology. In particular, a ZoomText user viewing a link at high magnification would have trouble identifying where the link ends.

Could we consider raising this with browser vendors? As suggested by Robin here? #313 (comment)

#Current browser behavior on Mac:

Chrome:

ink-skipping-chrome

Safari

ink-skipping-safari

Firefox

screen shot 2018-02-27 at 17 21 03

And with text-decoration-skip-ink: none; applied:

Chrome

ink-skip-chrome-disabled

Safari

Didn't seem to work.

Safari (or at least the current version on my 10.13 laptop) still needs -webkit-text-decoration-skip-ink: none.

Yeah I think disabling ink makes sense.

This is an org name i just saw in an integration test so thought I would share

image

Following the launch of the GOV.UK Design System, GOV.UK Template will now only get major bug fixes and security patches, so I'm going to close this.

We've captured this issue on GOV.UK Frontend here.