...
<div hidden>
<span id="new-window-0">Opens in a new window<>Öppnas i en ny flik</span>
<span id="new-window-1">Opens an external site<>Öppnar en extern webbsida</span>
<span id="new-window-2">Opens an external site in a new window<>Öppnar en extern webbsida i en ny flik</span>
</div>
Sen kopplar du en av dessa beskrivningar in i vår länk:
...
Resultatet blir då i skärmläsare att följande läses upp (eftersomaria-describedby="new-window-0”i exemplet pekar på texten i vår gömda div):
“My site, Länk - Opens in a new window”Öppnas i en ny flik”
För att länka till ex. facebook som i vårt fall är en extern länk i en ny flik gör vi så här och kopplar istället så här:
...
Resultatet blir då i skärmläsare:
“Facebook, Länk - Opens an external site in a new window”Öppnar en extern webbsida i en ny flik”
Så vi kan alltså använda oss av de olika id:n som ligger i vår gömda div för att beskriva i kod vilken typ av länk det handlar om.
...