Forklar åbning af nye faner

Silktide finder links, der åbner i en ny fane eller et nyt vindue, og rapporterer dem, der ikke oplyser dette. Besøgende bør advares, før et link fører dem væk fra den side, de er på.

Hvorfor dette er vigtigt

At åbne en ny fane uden advarsel bryder den besøgendes forventninger: tilbageknappen holder op med at virke, og de opdager måske slet ikke, at der findes en ny fane. Brugere af hører måske ikke noget tegn på, at konteksten har ændret sig, og personer med kognitive vanskeligheder eller begrænset weberfaring kan blive efterladt uden at vide, hvordan de vender tilbage. Et par advarende ord i linkteksten forhindrer alt dette.

Den bedste løsning er ofte slet ikke at åbne nye faner – lad de besøgende vælge. Når det er nødvendigt, bekræfter dette tjek, at linket oplyser dette, hvilket understøtter -succeskrav 3.2.5 (Ændring efter anmodning), et krav på .

Sådan løser du det

Fjern helst target="_blank", så linket åbner normalt.
Når en ny fane er berettiget, skal du tilføje en forklaring til linkteksten:

<a href="products.html" target="_blank">
  Products (opens in new tab)
</a>

For et billedlink skal du placere forklaringen i den :

<a href="products.html" target="_blank">
  <img src="products.jpg" alt="Products (opens in new tab)">
</a>

Hvis du vil dække mange links på én gang, kan tilføje teksten automatisk:

\/* Tilføjer advarslen til alle links, der åbner i en ny fane *\/
a[target="_blank"]::after {
  content: " (opens in new tab)";
}

Du kan også bruge en -etiket, som ændrer det, der annonceres, uden at ændre linkets udseende. Bemærk, at aria-label erstatter linkets tekst fuldstændigt, så den skal gentage den:

<a href="products.html" target="_blank" aria-label="Products (opens in new tab)">
  Products
</a>

Et ikon alene er ikke nok – advarslen skal findes som tekst, som en skærmlæser kan annoncere (et ikons alt-tekst tæller).

Sådan tester Silktide dette

Find alle links på siden med target="_blank", attributten der åbner en ny fane eller et nyt vindue, og spring elementer over, som du har udelukket fra tjek.
Indsaml hvert links læsbare tekst: dets tekstindhold, alternative tekst og titelteksten for elementer inde i det, eventuelle ARIA-etiketter samt tekst tilføjet med CSS ::before og ::after.
Godkend linket, hvis teksten indeholder en genkendt forklaring: "new tab", "new window", "new browser tab", "new browser window" eller "external link" (walisiske ækvivalenter genkendes også).
Rapportér alle andre links, der åbner i en ny fane.

Fejlfinding

Mit link forklarer sig selv med andre ord

Kun ovenstående formuleringer genkendes. Hvis din formulering er et reelt ækvivalent udtryk, f.eks. "opens in a popup", skal du enten standardisere på en genkendt formulering eller fundet.

"Window" eller "tab"?

Næsten alle moderne browsere åbner target="_blank"-links i en fane, så "opens in new tab" er som regel den tydeligste formulering, selv om begge godkendes.