Forklar åpning av nye faner

Silktide finner lenker som åpner en ny fane eller et nytt vindu, og rapporterer dem som ikke sier fra om dette. Besøkende bør varsles før en lenke tar dem bort fra siden de er på.

Hvorfor dette er viktig

Å åpne en ny fane uten å varsle brukeren bryter med forventningene deres: Tilbake-knappen slutter å fungere, og de er kanskje ikke klar over at det finnes en ny fane i det hele tatt.

-brukere hører kanskje ikke noe signal om at konteksten er endret, og personer med kognitive vansker eller begrenset erfaring med nettet kan bli stående fast uten å vite hvordan de kommer tilbake. Noen få ord i lenketeksten som varsler om dette, hindrer alt dette.

Den beste løsningen er ofte å ikke åpne nye faner i det hele tatt – la de besøkende velge selv. Når du må gjøre det, kontrollerer denne kontrollen at lenken sier fra om dette, i tråd med suksesskriterium 3.2.5 i (Change on Request), et krav på .

Slik løser du det

Fjern helst target="_blank", slik at lenken åpnes på vanlig måte.
Når en ny fane er berettiget, legger du til en forklaring i lenketeksten:

<a href="products.html" target="_blank">
  Produkter (åpnes i ny fane)
</a>

For en bildelenke legger du forklaringen i :

<a href="products.html" target="_blank">
  <img src="products.jpg" alt="Produkter (åpnes i ny fane)">
</a>

For å dekke mange lenker samtidig kan legge til teksten automatisk:

/* Legger til advarselen for alle lenker som åpnes i en ny fane */
a[target="_blank"]::after {
  content: " (åpnes i ny fane)";
}

Du kan også bruke en -etikett, som endrer det som annonseres uten å endre lenkens utseende. Merk at aria-label erstatter lenkens tekst fullstendig, så den må gjenta teksten:

<a href="products.html" target="_blank" aria-label="Produkter (åpnes i ny fane)">
  Produkter
</a>

Et ikon alene er ikke tilstrekkelig – advarselen må finnes som tekst en skjermleser kan lese opp (et ikons alt-tekst teller).

Slik tester Silktide dette

Finn alle lenker på siden med target="_blank", attributtet som åpner en ny fane eller et nytt vindu, og hopper over elementer du har utelatt fra kontrollen.
Samler inn den lesbare teksten i hver lenke: tekstinnholdet, alternativ tekst og titteltekst for elementer i lenken, eventuelle ARIA-etiketter og tekst som er lagt til med CSS ::before og ::after.
Godkjenner lenken hvis teksten inneholder en gjenkjent forklaring: «ny fane», «nytt vindu», «ny nettleserfane», «nytt nettleservindu» eller «ekstern lenke» (walisiske ekvivalenter gjenkjennes også).
Rapporterer alle andre lenker som åpnes i en ny fane.

Feilsøking

Lenken min forklarer dette med andre ord

Bare uttrykkene ovenfor gjenkjennes. Hvis formuleringen din er et reelt tilsvarende uttrykk, for eksempel «åpnes i et popup-vindu», kan du enten standardisere på et gjenkjent uttrykk eller funnet.

«Vindu» eller «fane»?

Nesten alle moderne nettlesere åpner lenker med target="_blank" i en fane, så «åpnes i ny fane» er vanligvis den tydeligste formuleringen, selv om begge godkjennes.