target=_bunk
Often, while building a website, clients and designers will ask something like:
Will you make the links open in a new tab so we don’t take people off the site?
I am super against this for various reasons, the main one being that target=_blank
breaks the back button, the only browser feature most people understand.
Since 1999, it’s been a firm Web usability guideline to refrain from opening new browser windows for several reasons:
- When new windows appear that users didn’t ask for, it’s both confusing and disruptive.
- If the new window completely obscures the old one, many users don’t even realize a new window has opened.
- Less-technical users can’t manage multiple windows.
- New windows can defeat users who are blind or have low vision, as, for example, when a new window opens outside the part of the screen that’s magnified for a low-vision user.
The common rationale designers have for opening new windows is “to keep users on our site,” but that’s bogus reasoning. If people want to leave, they’ll leave. And if they just want to look at the other site, they’ll return to your site by clicking the Back button—the second most used feature on the Web (after hypertext links). In fact, one of the usability problems of opening new windows is that they alter the expected behavior for returning to the previous location.
There are also associated security issues, the upshot being that if you do ever decide to use target=_blank
you need to also include rel=noopener
always, and possibly rel=noreferrer
for older browsers.
Don’t use
target=_blank
(or any othertarget
that opens a new navigation context), especially for links in user-generated content, unless you have a good reason to.
That last link is to a solid article on CSS Tricks about possible reasons to use it legitimately, like when someone might lose work in progress or there is media playing. Marco Arment provides another example in his 2014 article, Forcing links to open in new windows: an argument that should have ended 15 years ago.
For more background on the security issue:
So if you do use it anywhere, the link should look like:
<a href="https://www.iana.org/domains/reserved" target="_blank" rel="noopener noreferrer">Example domains</a>