Indicate links that open in a new window
Links that open in new windows or tabs can disorient users, particularly those relying on assistive technologies. When a new window opens unexpectedly, screen reader users may become confused as the back button doesn't function as expected, and they lose their place in the original document.
The best practice is to avoid opening links in new windows unless absolutely necessary. When you must use this behavior, such as for external links on banking sites or when users might lose unsaved form data, always clearly indicate this behavior beforehand.
There are several effective methods to communicate when links open new windows:
- Add "(opens in new window)" or "(new tab)" at the end of the link text
- Use appropriate ARIA attributes (aria-label="Link name (opens in new window)")
- Add a distinctive icon with proper alternative text
When including this information, place it at the end of the link text to avoid repetition by screen readers. For example, use "Accessibility Guidelines (new window)" rather than "New window: Accessibility Guidelines."