5: Kontrastene er tilstrekkelige i grensesnittet
Hvorfor er dette viktig?
God kontrast på tekst og viktige elementer, som for eksempel diagrammer og skjemaer, er viktig for at alle brukergrupper skal kunne få tilgang til all informasjon. Dette er spesielt viktig for eldre brukere og brukere som er sterkt svaksynte, men dårlig kontrast påvirker også generelt alle brukere.
God kontrast betyr at det er klare og tydelige forskjeller mellom farger eller objekter, noe som gjør det enklere å se og forstå det som vises på skjermen.
Testede krav fra WCAG 2.1
- 1.4.3 Contrast (Minimum) (AA)
- 1.4.11 Non-text Contrast (AA)
Resultater
35 % av nettsidene levde opp til kravene om tilstrekkelig kontrast13 ikke godkjente7 godkjente
Totalt oppfylte 7 av 20 nettsider kravene for tilstrekkelig kontrast på tekstområdene. Dette tyder på at disse nettsidene har imøtekommet kravene for adekvat kontrast mellom tekst og bakgrunn, samt tilstrekkelig kontrast mellom interaktive objekter og bakgrunn.
35% godkjente
Eksempler på problemer
16 av nettsidene har problemer med kontrasten mellom tekst og bakgrunn16 ikke godkjente4 godkjente
16 av de undersøkte nettsidene har tekst med utilstrekkelig kontrast mot bakgrunnen.
Kontrasten på tekst er viktig av flere grunner. Det gjør teksten enklere å se og lese. Hvis tekst og bakgrunn har for lik farge, kan det være vanskelig å skille ordene fra hverandre. God kontrast er viktig for personer som er sterkt svaksynte og dem som ikke oppfatter farger godt, men god kontrast på tekst er gunstig for alle.
I dag benytter mange mennesker mobiltelefoner som forventes å kunne brukes utendørs i ulike miljøer, for eksempel med sollys på skjermen. God kontrast gjør det lettere å oppfatte tekst på en liten skjerm som ellers kan bli blendet av lyset fra solen.
- 1.4.3 Contrast (Minimum) (AA)
9 av nettsidene har interaktive elementer med for lave kontraster9 ikke godkjente11 godkjente
Alle interaktive elementer på siden må ha tilstrekkelig kontrast. Dette inkluderer fokusmarkeringer på knapper, lenker og inndatafelter, blant annet.
9 av de 20 undersøkte nettsidene hadde elementer med for lave kontraster. Et gjentakende problem var skjemaområder med tynne grå kanter og fokusmarkeringer som ikke fungerte mot alle bakgrunner.
- 1.4.11 Non-text Contrast (AA)
6 av nettsidene har bilder som mangler tilstrekkelig kontrast mellom tekst og bakgrunn6 ikke godkjente14 godkjente
For mange e-handelsnettsider er det vanlig å inkludere tekst i bilder for å presentere produktet eller promotere produkter på nettsiden. Når man velger å bruke bilder med betydelig tekstinnhold, er det viktig at denne teksten er lesbar. Derfor er det viktig å sikre tilstrekkelig kontrast mellom tekst og bakgrunn, slik at brukere har nedsatt syn eller er fargeblinde kan lese og forstå teksten.
I vår undersøkelse var det 6 av nettside som manglet en tilstrekkelig kontrast mellom tekst og bakgrunn på bilder.
- 1.4.3 Contrast (Minimum) (AA)
Vil du vite statusen for universell utforming for din app eller nettside?
Ta kontakt med oss, så avtaler vi et uforpliktende møte og gjennomfører en live-gjennomgang.
