Een link openen in een nieuw tab of niet?
Moet een link in een nieuw venster/tabblad openen of niet? Wat is beter? Hierover hebben webschrijvers, marketeers en toegankelijkheid-specialisten al jaren onenigheid.
Onze mening? Open links niet in een nieuw venster of nieuwe tab. In dit artikel leggen we uit waarom.
Note: Om het kort te houden spreken we over een nieuwe tab, maar dat kan ook een nieuw venster zijn, afhankelijk van de instellingen van de bezoeker.
Ons advies
Bij Level Level merken we dat veel webschrijvers gewend zijn een link naar een andere website, uit gewoonte, te laten openen in een nieuwe tab.
En een veel voorkomend verzoek is:
“Ik wil dat alle externe links die ik toevoeg openen in een nieuw tab en dat er een icoontje bij staat.”
Waarom eigenlijk? Is dit wel een goede gewoonte?
Vanuit het oogpunt van webtoegankelijkheid is het het beste om gebruikers controle te geven in plaats van beslissingen voor de lezer te nemen. Het standaardgedrag van een browser is dat een link in hetzelfde venster opent. En dat is wat gebruikers verwachten.
De gebruiker kan zelf besluiten een link in een ander tabblad te openen door bijvoorbeeld met de rechtermuisknop te klikken in plaats van met de linkermuisknop.
Daarnaast: als je het scherm niet kunt zien omdat je blind bent, is het lastiger te ontdekken dat je ineens in een andere tab bent. Hoe kom je nu weer terug? Want de terug-knop van je browser doet het niet meer op de nieuwe tab. Het levert extra zoekwerk op.
Daarom adviseren we bij Level Level om links niet in een nieuwe tab te openen. Alleen bij speciale gevallen, bijvoorbeeld voor een download van een digitaal document of als je een formulier aan het invullen bent en de privacy statement wilt lezen. In die gevallen is het handig dat je juist wel uit de huidige omgeving gaat, omdat je bijvoorbeeld niet je ingevulde formulier kwijt wilt raken.
En dan over het verzoek: een icoontje bij de link plaatsen. Maar wat betekent dat icoontje dan? Opent de link in een nieuwe tab? Gaat deze naar een externe website? Of allebei? Er is niet echt consensus over op het internet.
Als het dan toch moet, hoe dan wel?
Dat gezegd hebbende, je kunt een link wel in een nieuw venster of tabblad laten openen, zolang je de gebruiker maar laat weten wat er gaat gebeuren. Wees voorspelbaar. Als je een link opent in een nieuw tabblad om bijvoorbeeld de privacy statement te laten zien of een digitaal document te downloaden, dan is dit dus ook belangrijk.
Er zijn twee manieren om dit te doen:
1: Zichtbaar in de linktekst
Neem bijvoorbeeld de tekst:
U kunt meer informatie vinden op de website van de belastingdienst.
Je kunt de gebruiker waarschuwen dat deze link in een nieuwe tab opent door dit in de linktekst te vermelden:
U kunt meer informatie vinden op de website van de belastingdienst (opent in een nieuwe tab).
Belangrijk is dat de tekst “opent in een nieuwe tab” binnen in de linktekst staat, dat wordt deze tekst tegelijk met de link tekst voorgelezen door een schermlezer. Dat is handig voor de blinde bezoekers. Het fijne van deze manier is dat de webschrijver dit heel makkelijk zelf kan toevoegen in de teksten.
2: Verborgen in de linktekst, met een icoontje.
Deze wijze van toevoegen vergt enige hulp van de webbouwer. Deze kan een stukje code toevoegen, zodat de verborgen tekst automatisch wordt toegevoegd.
Zichtbaar is:
U kunt meer informatie vinden op de website van de belastingdienst.
En in de code van de link staat:
<a href=”https://www.belastingdienst.nl/“
target=”_blank”
aria-label=”de belastingdienst (opent in een nieuwe tab)”
>
de belastingdienst
</a>
Het aria-label overschrijft de linktext. In het stylesheet (de CSS) kan de webbouwer het zo programmeren dat een icoontje vanzelf bij een extra link geplaatst wordt.
Wees voorspelbaar
Welke optie je ook kiest, wees altijd duidelijk voor de lezer wat er gaat gebeuren als deze op een link klikt. Dit voorkomt verrassingen en gepuzzel.Wil je meer weten over het schrijven van goede links? Lees dan het artikel ‘The perfect link‘ of volg de online cursus Writing accessible content for the web van The A111Y Collective.
Deel jij onze mening?
Of wil je er juist over sparren?