WCAG står for Web Content Accessibility Guidelines og er utviklet av W3C, organisasjonen som også står bak standardene for HTML og CSS. Retningslinjene beskriver hvordan digitalt innhold skal utformes for at det skal kunne brukes av alle – også av dem som navigerer med tastatur, bruker skjermleser, forstørrer teksten kraftig eller har vansker med å oppfatte farger.
I Norge er dette ikke en anbefaling. Forskrift om universell utforming av IKT-løsninger gjør deler av WCAG til bindende krav for både offentlige og private virksomheter som retter seg mot allmennheten.
De fire prinsippene
Hele standarden hviler på fire prinsipper. Alle enkeltkravene er utledet fra disse, og de er nyttige å kunne når du skal vurdere en løsning uten å ha sjekklisten foran deg.
Mulig å oppfatte
Innholdet må kunne oppfattes av minst én sans. Bilder trenger alternativ tekst, video trenger teksting, og kontrasten må være god nok til at teksten er lesbar.
Mulig å betjene
Alt som kan gjøres med mus, må også kunne gjøres med tastatur. Brukeren må få nok tid, og ingenting skal blinke på en måte som kan utløse anfall.
Forståelig
Språket skal være klart, navigasjonen forutsigbar, og feilmeldinger skal forklare hva som er galt og hvordan det rettes.
Robust
Koden skal være gyldig og semantisk, slik at skjermlesere og andre hjelpemidler kan tolke den riktig – også om noen år.
Hvilket nivå gjelder for deg?
WCAG deler kravene i tre nivåer. Norsk regelverk peker på nivå AA, som i praksis er den standarden alle bør planlegge etter.
| Nivå | Innhold | Status i Norge |
|---|---|---|
| A | Grunnleggende krav. Uten disse er innholdet utilgjengelig for mange. | Obligatorisk |
| AA | Praktisk standard for offentlig og kommersielt innhold. | Obligatorisk |
| AAA | Skjerpede krav. Sjelden mulig å oppfylle fullt ut på hele nettstedet. | Frivillig |
Kravene som oftest ryker
Etter et par år med audits ser vi de samme feilene gå igjen. Ingen av dem er vanskelige å rette – de blir bare oppdaget for sent.
- For svak kontrastLysegrå tekst på hvit bakgrunn er den vanligste enkeltfeilen. Kravet er 4,5:1 for vanlig tekst og 3:1 for stor tekst.
- Manglende alternativ tekstBilder som formidler informasjon trenger en beskrivelse. Rent dekorative bilder skal derimot ha tom alt-attributt.
- Skjemafelter uten ledetekstEn plassholder er ikke en ledetekst. Den forsvinner når brukeren begynner å skrive, og leses ikke pålitelig av skjermlesere.
- TastaturfellerModaler og menyer som fanger fokus, eller som ikke kan lukkes med Escape, gjør nettstedet ubrukelig uten mus.
- Usynlig fokusmarkeringÅ fjerne outline i CSS fordi den var stygg, er fortsatt en av de vanligste årsakene til avvik.
Slik kommer du i gang
Du trenger ikke bygge nettstedet på nytt. En strukturert gjennomgang finner som regel ut at et fåtall komponenter står bak flertallet av avvikene.
- Kjør en automatisk test med axe eller Lighthouse for å finne det åpenbare
- Naviger gjennom de viktigste sidene med kun tastatur
- Test de samme sidene med en skjermleser – NVDA og VoiceOver er gratis
- Prioriter avvikene etter hvor mange brukere de rammer, ikke etter hvor lett de er å fikse
- Legg automatiske tester inn i byggeprosessen så nye feil ikke slipper gjennom
Gevinsten er større enn regelverket
Tilgjengelighetsarbeid gir bedre nettsteder for alle. Tydelig struktur hjelper søkemotorene like mye som skjermleserne. God kontrast hjelper alle som leser på mobil i sollys. Klare feilmeldinger reduserer supporthenvendelser. Standarden er et minstekrav, men den peker konsekvent i retning av bedre håndverk.
- #WCAG
- #Universell utforming
- #Regelverk
- #Norge