Útskýrðu þegar nýir flipar opnast

Silktide finnur tengla sem opna nýjan flipa eða glugga og tilkynnir um þá sem ekki láta vita af því. Gestir ættu að fá viðvörun áður en tengill flytur þá úr síðunni sem þeir eru á.

Hvers vegna þetta skiptir máli

Að opna nýjan flipa án viðvörunar gengur gegn væntingum gestsins: til baka-hnappurinn hætti að virka og gestir átta sig kannski alls ekki á því að nýr flipi hafi opnast. Notendur heyra kannski enga vísbendingu um að samhengið hafi breyst og fólk með vitsmunalega erfiðleika eða takmarkaða reynslu af vefnum getur lent í ógöngum og ekki vitað hvernig það á að komast ivaka. Nokkur varnaðarorð í tenglatextanum koma í veg fyrir þetta allt.

Besta lausnin er oft að opna alls ekki nýja flipa – leyfið gestum að velja. Þegar það er nauðsynlegt sannprófar þessi prófun að tengillinn láti vita af því og styður árangursviðmið 3.2.5 (Change on Request), sem er krafa á .

Hvernig á að laga þetta

Fjarlægið helst target="_blank" svo tengillinn opnist með venjulegum hætti.
Þegar réttlætanlegt er að opna nýjan flipa skal bæta útskýringu við tenglatextann:

<a href="products.html" target="_blank">
  Vörur (opnast í nýjum flipa)
</a>

Fyrir myndatengil skal setja útskýringuna í :

<a href="products.html" target="_blank">
  <img src="products.jpg" alt="Vörur (opnast í nýjum flipa)">
</a>

Til að ná yfir marga tengla í einu getur bætt textanum sjálfkrafa við:

/* Bætir viðvöruninni við alla tengla sem opnast í nýjum flipa */
a[target="_blank"]::after {
  content: " (opnast í nýjum flipa)";
}

Einnig er hægt að nota -merki, sem breytir því sem tilkynnt er án þess að breyta útliti tengilsins. Athugið að aria-label kemur algerlega í stað texta tengilsins og því verður að endurtaka hann:

<a href="products.html" target="_blank" aria-label="Vörur (opnast í nýjum flipa)">
  Vörur
</a>

Tákn eitt og sér standast ekki – viðvörunin verður að vera til sem texti sem skjálesari getur tilkynnt (alt-texti tákns telst með).

Hvernig Silktide prófar þetta

Finnið alla tengla á síðunni með target="_blank", eigindinni sem opnar nýjan flipa eða glugga, og sleppið öllum einingum sem hafa verið undanskildar frá prófun.
Safnið saman læsilegum texta hvers tengils: textainnihaldi hans, varatexta og titiltexta eininga innan hans, öllum ARIA-merkjum og texta sem bætt er við með CSS ::before og ::after.
Tengillinn stenst ef textinn inniheldur viðurkennda útskýringu: "new tab", "new window", "new browser tab", "new browser window" eða "external link" (jafngildi á velsku eru einnig viðurkennd).
Tilkynnið um alla aðra tengla sem opnast í nýjum flipa.

Úrræðaleit

Tengillinn minn útskýrir þetta með öðrum orðum

Aðeins orðasamböndin hér að ofan eru viðurkennd. Ef orðalagið ykkar er raunverulegt jafngildi, til dæmis "opens in a popup", skuluð þið annaðhvort samræma orðalagið við eitt af viðurkenndu orðasamböndunum eða niðurstöðuna.

"Gluggi" eða "flipi"?

Nær allir nútímavafrar opna tengla með target="_blank" í flipa, þannig að "opnast í nýjum flipa" er yfirleitt skýrara orðalag, þó að bæði standist.