Tjek semantisk information

Krav til interaktive elementers semantiske informationer navn, rolle og værdi.

Inden for webtilgængelighed refererer semantik til den korrekte og meningsfulde brug af strukturer og elementer til at præsentere indhold. I relation til HTML arbejdes der ofte med semantiske elementer og semantisk information. Standard HTML elementer kaldes semantiske elementer, eftersom de som udgangspunkt indeholder både indbygget funktionalitet og semantisk information.

I forhold til webtilgængelighed er den vigtigste semantiske information et elements navn, rolle og værdi. Navn, rolle og værdi er også ét af de mest fundamentale succeskriterier i WCAG, netop fordi det stiller krav om, at alle elementer der er interaktive eller kan få tastaturfokus skal have et navn samt kommunikere rolle og eventuelt værdi, hvis det er relevant. Interaktive eller fokusbare elementer kan for eksempel være knapper, inputfelter og links.

Se også videovejledningen ”Semantik” for at få information om krav vedrørende semantik.

Følgende sektioner beskriver tjeks, som kan udføres for at sikre, at alle elementer indeholder semantisk information, såsom navn, rolle og værdi.

Manuelle tjeks

Semantisk information på native apps

For mobilapplikationer (native apps) er det typisk ikke muligt at få adgang til kildekoden på samme måde som for websider, hvor der er adgang til HTML, CSS og JavaScript. Det komplicerer processen med at teste elementers semantiske information på native apps.

For at teste semantik og sikre tilgængelighed i native apps, er det nødvendigt at anvende en skærmlæser. Under tjekket af en native app anvendes en skærmlæser til at identificere, hvordan skærmlæseren annoncerer elementernes navn, rolle og værdi.