Oppfyller nettsiden min kravene til universell utforming?

I Norge stiller loven krav om at nettsteder rettet mot allmennheten skal være tilgjengelige for alle, inkludert personer med nedsatt syn, hørsel eller motorikk. Det står i likestillings- og diskrimineringsloven.

Konkret betyr det WCAG 2.1 AA-standarden, som er en internasjonal standard for tilgjengelighet.

Hva betyr WCAG 2.1 AA i praksis?

Fargekontrast. Tekst må ha minst 4,5:1 i kontrast mot bakgrunnen (normal tekst). Lysegrå tekst på hvit bakgrunn holder ikke. Hvis en besøkende har redusert syn, må de kunne lese det.

Alt-tekst på alle bilder. Hvert bilde må ha en kort, beskrivende tekst. En besøkende som bruker skjermleser vil høre “bilde av tre mennesker som smiler” i stedet for ingenting. Alt-tekst legger du inn samtidig som du bytter bilder.

Skjemaer som fungerer. Alle skjemafelt må være merket (label eller tekst som forklarer hva feltet er). “Navn”, “E-post”, “Telefon”: uten labels vet ikke skjermleseren hvilken informasjon som blir bedt om.

Tastatur-navigasjon. Noen bruker ikke mus. De navigerer med Tab-tasten. Alle funksjoner på siden må være tilgjengelige med tastatur (knapper, lenker, skjemaer, meny og så videre).

Logisk struktur. Overskrifter må følge hierarki: H1 (hovedoverskrift), H2 (deler), H3 (underdeler), ikke tilfeldig blanding. En skjermleser bruker strukturen til å navigere.

Vanlige brudd på små bedriftssider

• Lys grå tekst på litt lysere grå bakgrunn (bare 2:1 i kontrast, det holder ikke)
• Bilder uten alt-tekst, eller alt-tekst som sier “image1.jpg” (ikke brukbar)
• Skjemaer uten labels, bare placeholder-tekst
• Tab-rekkefølge som hopper rundt på siden, ofte det samme som gjør siden vanskelig å bruke på mobil
• Video eller lyd som starter av seg selv (et mareritt for tilgjengeligheten)

Verktøy for å sjekke

WAVE (gratis): Gå til wave.webaim.org og skriv inn adressen din. Du får en rapport med fargede markører som viser problemer på siden.

Lighthouse i Chrome DevTools (gratis): Åpne nettsiden i Chrome, trykk F12, gå til “Lighthouse”-fanen og kjør en rapport. Du får en “Accessibility”-score og konkrete punkter som må fikses.

Den gode nyheten

De fleste problemene er enkle å fikse uten redesign. Det handler om:

• Endre farger på noen tekstlinjer
• Legge til alt-tekst på bilder
• Legge til labels på skjemaer
• Sjekke at menyen fungerer med tastatur

NettOpp kan gjøre en tilgjengelighetsanalyse og ta selve rettingene, slik at nettsiden din er inkluderende for alle. Be om en gjennomgang av universell utforming, eller la oss ta det som en del av innholdsoppdateringene.