Vanligvis skal ikke innhold skjules for skjermlesere. Brukt riktig kan likevel det å skjule innhold gjøre siden mer lesbar for de som bruker punktskrift eller syntetisk tale.
Eksempler på situasjoner der du kan vurdere å skjule innhold for skjermlesere er:
Uaktuell funksjonalitet, for eksempel ikoner for å endre tekststørrelse.
Bilder av tekst, kart og så videre der en kort alternativ tekst ikke fungerer. Du bør da normalt OGSÅ ha innholdet tilgjengelig på en alternativ måte.
Skjule bilder/ikoner som har en tilhørende tekstlenke.
Skjule bakgrunnen når modale dialogbokser vises.
aria-hidden
Kartet nedenfor er ikke brukbart for skjermlesere, og for å gjøre siden ryddigere kan du vurdere å skjule kartet. Husk å legge til et title-attributt på iframen dersom du vil at kartet skal vises også for skjermleser. Knappen under kartet kan brukes for å:
Skjule kartet for skjermleser: aria-hidden=»true».
<p><button id="txtBtn" type="button" onclick="txtBtnClick()">Skjul kart for skjermleser</button></p>
<script>
function txtBtnClick()
{ var skjult=document.getElementById("kart").getAttribute("aria-hidden");
if (skjult=="true")
{ document.getElementById("kart").setAttribute("aria-hidden","false");
document.getElementById("txtBtn").innerHTML="Skjul kart for skjermleser";
} else
{ document.getElementById("kart").setAttribute("aria-hidden","true");
document.getElementById("txtBtn").innerHTML="Vis kart for skjermleser";
}
document.getElementById("txtBtn").focus();
}
</script>
