Leg uit dat een nieuw tabblad wordt geopend

Silktide vindt links die in een nieuw tabblad of venster worden geopend en meldt de links die dat niet aangeven. Bezoekers moeten worden gewaarschuwd voordat een link hen wegvoert van de pagina waarop ze zich bevinden.

Waarom dit belangrijk is

Een nieuw tabblad openen zonder waarschuwing verstoort de verwachtingen van de bezoeker: de knop ‘Terug’ werkt niet meer en bezoekers realiseren zich mogelijk helemaal niet dat er een nieuw tabblad bestaat. Gebruikers van horen mogelijk geen aanwijzing dat de context is gewijzigd, en mensen met cognitieve problemen of weinig ervaring met het web kunnen verdwaald raken en niet weten hoe ze terug moeten gaan. Een paar waarschuwende woorden in de linktekst voorkomen dit allemaal.

De beste oplossing is vaak om helemaal geen nieuwe tabbladen te openen — laat bezoekers zelf kiezen. Als dat toch nodig is, controleert deze controle of de link dit aangeeft. Daarmee wordt voldaan aan -succescriterium 3.2.5 (Wijziging op verzoek), een vereiste van .

Zo lost u dit op

Verwijder bij voorkeur target="_blank", zodat de link normaal wordt geopend.
Als een nieuw tabblad gerechtvaardigd is, voegt u een uitleg toe aan de linktekst:

<a href="products.html" target="_blank">
  Producten (opent in een nieuw tabblad)
</a>

Plaats de uitleg bij een afbeeldingslink in de :

<a href="products.html" target="_blank">
  <img src="products.jpg" alt="Producten (opent in een nieuw tabblad)">
</a>

Om meerdere links tegelijk te ondersteunen, kan de tekst automatisch toevoegen:

/* Voegt de waarschuwing toe aan elke link die in een nieuw tabblad wordt geopend */
a[target="_blank"]::after {
  content: " (opent in een nieuw tabblad)";
}

U kunt ook een -label gebruiken. Dit verandert wat wordt aangekondigd zonder dat het uiterlijk van de link verandert. Let op: aria-label vervangt de linktekst volledig, dus de tekst moet erin worden herhaald:

<a href="products.html" target="_blank" aria-label="Producten (opent in een nieuw tabblad)">
  Producten
</a>

Een pictogram op zichzelf voldoet niet — de waarschuwing moet als tekst aanwezig zijn, zodat een schermlezer deze kan aankondigen (de alt-tekst van een pictogram telt mee).

Hoe Silktide dit test

Zoek op de pagina elke link met target="_blank", het attribuut waarmee een nieuw tabblad of venster wordt geopend. Elementen die u hebt uitgesloten van controles worden overgeslagen.
Verzamel de leesbare tekst van elke link: de tekstinhoud, alternatieve tekst en titeltekst van elementen in de link, eventuele ARIA-labels en tekst die met CSS ::before en ::after is toegevoegd.
Keur de link goed als die tekst een herkende uitleg bevat: “nieuw tabblad”, “nieuw venster”, “nieuw browsertabblad”, “nieuw browservenster” of “externe link” (equivalenten in het Welsh worden ook herkend).
Meld elke andere link die in een nieuw tabblad wordt geopend.

Problemen oplossen

Mijn link legt dit op een andere manier uit

Alleen de bovenstaande formuleringen worden herkend. Als uw formulering een echt equivalent is, zoals “opent in een pop-up”, gebruikt u een herkende formulering of .

“Venster” of “tabblad”?

Bijna alle moderne browsers openen links met target="_blank" in een tabblad. Daarom is “opent in een nieuw tabblad” meestal de duidelijkste formulering, hoewel beide worden goedgekeurd.