WCAG og universell utforming av nettsider: slik gjør du nettsiden tilgjengelig

Hva WCAG og universell utforming betyr i praksis

WCAG står for Web Content Accessibility Guidelines, retningslinjer for tilgjengelighet for nettinnhold, og formålet er nettsider som kan brukes av alle uavhengig av funksjonsevne. Retningslinjene er bygget opp i prinsipper, retningslinjer og suksesskriterier, og hvert kriterium har nivået A, AA eller AAA. Det er nivå A og AA som er arbeidsnivået for norske virksomheter.

Universell utforming betyr at produkter, omgivelser og tjenester utformes slik at de kan brukes av flest mulig, uten spesiell tilpasning. På en nettside blir det konkrete oppgaver: siden skal kunne brukes med tastatur, skjermleser skal få med seg struktur og innhold, teksten skal være lesbar, og skjemaer skal kunne fylles ut uten mus. Trenger du hele bildet fra behov til ferdig løsning, start med Nettside for bedrift: den komplette guiden.

Kravene treffer bredere enn mange tror. De gjelder også folk med nedsatt syn og hørsel, bevegelsesvansker og lesevansker, og alle som bruker mobil med én hånd eller i dårlig lys. Forbedringene kommer derfor hele kundegruppen til gode. Universell utforming av nettsider: hva kreves? gir en bredere gjennomgang av regelverket.

Hvilke WCAG-krav gjelder for din nettside

Universell utforming av IKT er ikke et designvalg, men en lovpålagt plikt forankret i likestillings- og diskrimineringsloven med egen forskrift om universell utforming av IKT-løsninger. Plikten omfatter nettsider, apper og selvbetjeningsautomater rettet mot allmennheten, og gjelder både private og offentlige virksomheter, lag og organisasjoner.

Minstekravet er WCAG 2.1 på nivå A og AA. Samtidig anbefaler W3C, som lager standarden, den nyeste versjonen når nettsider utvikles eller oppdateres, altså WCAG 2.2. For nye og videreutviklede løsninger er det fornuftig å legge 2.2 til grunn, også der lovens minstekrav viser til en tidligere versjon. WCAG 2.1 bygger på og er bakoverkompatibel med 2.0, så du starter ikke på nytt om du allerede har jobbet etter en eldre versjon.

Tilsynet for universell utforming av IKT kontrollerer at virksomheter følger regelverket, og ved manglende etterlevelse kan virksomheten få pålegg om retting. I praksis bør kravene inn i internkontrollen på samme måte som HMS og personvern. WCAG AA-krav: slik gjør du nettsiden tilgjengelig går gjennom hva nivå AA betyr i praksis.

De fire prinsippene oversatt til valg på nettsiden

WCAG hviler på fire prinsipper: innhold skal være mulig å oppfatte, mulig å betjene, forståelig og robust. De fungerer som en rask sjekkliste når du vurderer en mal, en enkelt side eller et innkjøp.

Mulig å oppfatte handler om sanser. Informasjon skal ikke formidles bare gjennom én sans eller bare gjennom farge. Bilder trenger alternativ tekst, video trenger teksting, og en feilmelding skal ha tekst i tillegg til fargemarkering.

Mulig å betjene handler om kontroll. Alt skal kunne brukes med tastatur alene, fokusmarkeringen skal være tydelig synlig, og funksjonalitet som styres ved å bevege enheten, skal også kunne betjenes på annen måte.

Forståelig og robust handler om språk og kode. Språket på siden skal være angitt i koden, ledetekster og overskrifter skal være beskrivende, og lenketeksten skal si hvor lenken går. Bruk standard webteknologi og semantisk HTML: en knapp kodes som en knapp, en overskrift som en overskrift. Da har skjermlesere og annen hjelpeteknologi noe stabilt å forholde seg til.

Slik tester du WCAG på egen nettside

WCAG-testing har to spor: automatisert kontroll og manuell gjennomgang. En WCAG checker finner strukturelle feil raskt, som manglende språkangivelse, tomme alternativtekster og skjemafelt uten ledetekst. Det verktøyet ikke kan avgjøre, er om alternativteksten faktisk beskriver bildet meningsfullt.

Den manuelle testen tar du selv. Legg musen bort og naviger med Tab, Shift+Tab, Enter og mellomrom. Du skal se hvor du er hele tiden, komme gjennom hele siden og kunne sende inn skjemaet. Prøv deretter en skjermleser på forsiden og på kontaktskjemaet, og hør om rekkefølge og ledetekster gir mening.

Kontrast er feilen som går mest igjen. Bruk en WCAG color contrast checker og sjekk tekst mot bakgrunn, både for brødtekst, knapper og menypunkter. Kravene skiller mellom liten og stor tekst, så test begge. Har du en håndverkerbedrift der kundene tar kontakt fra mobil, bør knapper og telefonnummer være enkle å treffe, se Nettside for håndverkere: dette må være med.

Sett testene inn i en fast rutine, ikke bare ved lansering. Slik tester du nettsiden før lansering gir rekkefølgen for funksjon, innhold og skjemaer, og samme sjekkliste kan brukes etter hver større endring.

Vanlige feil og slik får du kravene inn i avtalen

Den vanligste feilen er svak kontrast: lys grå tekst, tynn font eller tekst oppå bilde. Den nest vanligste er at fokusmarkeringen er fjernet fordi den forstyrret designet. Da mister tastaturbrukere orienteringen helt, og feilen rettes med noen linjer CSS.

Andre gjengangere er lenketekst som «les mer», bilder uten alternativ tekst, skjemafelt der plassholdert ekst er eneste ledetekst, og overskriftsnivåer valgt etter størrelse i stedet for struktur. De fleste rettes raskt når de først er funnet, men de blir sjelden funnet uten en fast sjekk.

Kjøper du nettside eller digital tjeneste, er det ikke nok at leverandøren skriver at løsningen «følger WCAG». Konkrete krav til universell utforming bør stå i kravspesifikasjonen og kontrolleres før løsningen godkjennes. Be om dokumentasjon, og test de viktigste brukeroppgavene selv: bestille, kontakte, søke, betale.

Etter lansering er det publisering som skaper nye feil. Testede maler, opplæring av den som publiserer og en jevnlig gjennomgang av de mest brukte sidene holder nivået over tid. Trenger du hjelp, kan du se tjenesten for nettsider, der tilgjengelighet er en del av oppsettet fra starten. Nettsaga bygger nettsider med universell utforming som krav fra første skisse, og du kan book en demo for å se hvordan det ser ut.

Kort oppsummert før du setter i gang

Ta utgangspunkt i de sidene som betyr mest for driften: forside, tjenesteside, kontaktskjema og kasse eller booking. Test dem med tastatur og skjermleser før du bruker tid på sider nesten ingen besøker.

Skriv ned hva du finner, og skill mellom feil som må bygges om og feil som kan rettes i innhold og stilark. Denne oversikten gjør det enklere å bestille hjelp, og den viser samtidig at du følger opp plikten din.

Vanlige spørsmål

Er WCAG lovpålagt i Norge?

Ja, for virksomheter som omfattes. Plikten følger av likestillings- og diskrimineringsloven og forskrift om universell utforming av IKT-løsninger, og gjelder nettløsninger rettet mot allmennheten. Minstekravet er WCAG 2.1 nivå A og AA.

Hvilken WCAG-versjon bør jeg bruke?

Lovens minstekrav er WCAG 2.1 nivå A og AA. W3C anbefaler den nyeste versjonen, WCAG 2.2, ved utvikling og oppdatering, så legg 2.2 til grunn for nye nettsider. Versjonene er bakoverkompatible.

Holder det med en WCAG checker?

Nei. Automatiske verktøy finner strukturelle feil, men kan ikke vurdere om alternativ tekst er meningsfull eller om rekkefølgen fungerer med skjermleser. Kombiner verktøyet med manuell testing av tastatur, skjemaer og kontrast.

Hva koster det å rette en nettside?

Det avhenger av hvor mange maler som er i bruk og hvor mye som må bygges om. Kontrast, fokusmarkering og ledetekster er ofte små justeringer, mens manglende struktur i koden eller utilgjengelige skjemaløsninger kan kreve mer arbeid. Be om en gjennomgang av de viktigste sidene først.

Gjelder kravene også små bedrifter?

Regelverket gjelder både private og offentlige virksomheter, lag og organisasjoner som retter nettløsninger mot allmennheten. Størrelsen på virksomheten endrer ikke plikten, men omfanget av hva som må rettes varierer med hva slags løsning du har.