Do you keep the URL next to each link on printing?
Updated by Tiago Araújo [SSW] 2 years ago. See history
123
<introEmbed
body={<>
We have a rule on [using relevant words on links](/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 {.breadcrumba[href]:after {content: none;}

✅ Figure: Good example - Printing links on the content but avoiding it on obvious places, like the logo and bradcrumbs
Related rules
Need help?
SSW Consulting has over 30 years of experience developing awesome software solutions.