Home
Do you keep the URL next to each link on printing?
  v2.0 Posted at 10/06/2016 5:37 AM by Tiago Araujo
​​We have a rule on using relevant words on links . How to make sure people will know which words are links and what the links are after printing a page?

As a good practice, you should use CSS to print the URL's next to each link when printing:

@media print {
a[href]:after {
content: " (" attr(href) ")";
}
}

In specific cases, like on breadcrumbs and logo, you don't want these URL's, so you should override the style:

@media print {
.breadcrumb a[href]:after {
content: none;
}

print-url.jpg
Figure: Good example - printing links on the content but avoiding it on obvious places, like the logo and bradcrumbs

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:

    Comments:

    Note: Social Media login for Yotpo is not working in IE or Safari, please use Chrome. We are waiting for Yotpo to fix it.