WCAG-kravene og universell utforming
Om WCAG
Web Content Accessibility Guidelines (WCAG) er en del av en serie retningslinjer for nett-tilgjengelighet utgitt av Web Accessibility Initiative (WAI), som er underlagt World Wide Web Consortium (W3C). WCAG er ment å gjøre nettinnhold mer tilgjengelig, først og fremst for funksjonshemmede, men også for alle brukeragenter, herunder mobiltelefoner (Strømsborg, 2024). WCAG 1.0 ble utgitt i 1999, WCAG 2.0 kom i 2008, som ble ISO-standarden ISO/IEC 40500:2012 i 2012, og i 2018 ble den oppdatert til versjon 2.1. Tidlig i 2014 ble WCAG 2.0 suksesskriterier på nivå A og nivå AA innlemmet som referanser i den europeiske standarden EN 301 549 (Wikipedia, 2024). WCAG 2.2 ble en W3C-anbefaling 5. oktober 2023.
WCAG 1.0
WCAG 1.0 består av 14 retningslinjer, som hver dekker et grunnleggende tema for nett-tilgjengelighet, og er knyttet til ett eller flere sjekkpunkter (Wikipedia, 2024).
- Retningslinje 1: Gi likeverdige alternativer til auditivt og visuelt innhold
- Retningslinje 2: Ikke stol på farge alene
- Retningslinje 3: Bruk markup og stilark, og gjør det riktig
- Retningslinje 4: Tydeliggjør naturlig språkbruk
- Retningslinje 5: Lag tabeller som transformerer elegant
- Retningslinje 6: Sørg for at sider med nye teknologier forvandles elegant
- Retningslinje 7: Sikre brukerkontroll over tidssensitive innholdsendringer
- Retningslinje 8: Sikre direkte tilgjengelighet for innebygde brukergrensesnitt
- Retningslinje 9: Design for enhetsuavhengighet
- Retningslinje 10: Bruker midlertidige løsninger
- Retningslinje 11: Bruk W3C-teknologier og retningslinjer
- Retningslinje 12: Gi informasjon om kontekst og orientering
- Retningslinje 13: Sørg for klare navigasjonsmekanismer
- Retningslinje 14: Sørg for at dokumentene er klare og enkle
Hvert av de 65 WCAG 1.0-sjekkpunktene har et tildelt prioritetsnivå basert på sjekkpunktets innvirkning på tilgjengeligheten.
- Prioritet 1: Webutviklere må tilfredsstille disse kravene, ellers vil det være umulig for en eller flere grupper å få tilgang til nettinnholdet. Overholdelse av dette nivået er beskrevet som A.
- Prioritet 2: Webutviklere bør tilfredsstille disse kravene, ellers vil noen grupper finne det vanskelig å få tilgang til nettinnholdet. Overholdelse av dette nivået beskrives som AA eller Double-A.
- Prioritet 3: Webutviklere kan tilfredsstille disse kravene for å gjøre det enklere for enkelte grupper å få tilgang til nettinnholdet. Overholdelse av dette nivået er beskrevet som AAA eller Triple-A.
WCAG 2.0
WCAG 2.0 ble i 2012 ISO-standardisert. ISO standarden ISO/IEC 40500:2012 er nøyaktig den samme som den originale WCAG 2.0-standarden (Strømsborg, 2024). WCAG 2.0 ble vedtatt av World Wide Web Consortium (W3C) i 2008, og inneholder i alt 61 suksesskriterier som fordeles på tre nivåer: A (lavest), AA, og AAA (høyest). I 2010 begynte man å arbeide med en norsk oversettelse av WCAG 2.0, som ble godkjent av W3C i 2011 som den offisielle norske oversettelsen.
WCAG 2.1
WCAG 2.1 sine retningslinjer er bygd opp av 4 prinsipper, som støttes av 13 retningslinjer og 78 testbare suksesskriterier. I Norge må 48 av disse suksesskriteriene følges, opplyser Tilsynet for universell urforming av ikt. WCAG 2.2 introduserer 9 nye kriterier i WCAG.
WCAG 2.2
WCAG 2.2 introduserte 9 nye kriterier, men samtidig ble Suksesskriterium 4.1.1 Parsing (oppdeling), som har vært med siden 1999, tatt ut tatt ut (Olsson, 2023). W3C begrunner dette med at kriterie 4.1.1 er foreldet og fjernet fordi spesifikasjonene på både HTML og nettlesere har forbedret hvordan de håndterer parsefeil. Med dagens teknologi vil tilgjengelighetsproblemene som ville ha feilet 4.1.1, mislykkes med andre kriterier, for eksempel Info og relasjoner i suksesskriteriet 1.3.1 eller Navn, Rolle, Verdi jamført suksesskriteriet 4.1.2. Derfor er 4.1.1 ikke lenger nødvendig for tilgjengelighet.
| Prinsipper | Retningslinjer | Suksesskriterier | Samsvarsnivå | Revisjon | Norge |
|---|---|---|---|---|---|
| 1: Mulig å oppfatte | 1.1 Tekstalternativer | 1.1.1 Ikke-tekstlig innhold | A | 2.0 | X |
| 1.2 Tidsbaserte medier | 1.2.1 Bare lyd og bare video (forhåndsinnspilt) | A | 2.0 | X | |
| 1.2.2 Teksting (forhåndsinnspilt) | A | 2.0 | X | ||
| 1.2.3 Synstolking eller mediealternativ (forhåndsinnspilt) | A | 2.0 | - | ||
| 1.2.4 Teksting (direkte) | AA | 2.0 | - | ||
| 1.2.5 Synstolking (forhåndsinnspilt) | AA | 2.0 | X | ||
| 1.2.6 Tegnspråk (forhåndsinnspilt) | AAA | 2.0 | - | ||
| 1.2.7 Utvidet synstolking (forhåndsinnspilt) | AAA | 2.0 | - | ||
| 1.2.8 Mediealternativ (forhåndsinnspilt) | AAA | 2.0 | - | ||
| 1.2.9 Bare lyd (direkte) | AAA | 2.0 | - | ||
| 1.3 Mulig å tilpasse | 1.3.1 Informasjon og relasjoner | A | 2.0 | X | |
| 1.3.2 Meningsfylt rekkefølge | A | 2.0 | X | ||
| 1.3.3 Sensoriske egenskaper | A | 2.0 | X | ||
| 1.3.4 Visningsretning | AA | 2.1 | X | ||
| 1.3.5 Identifisere formål med inndata | AA | 2.1 | X | ||
| 1.3.6 Identifiser formål | AAA | 2.1 | - | ||
| 1.4 Mulig å skille fra hverandre | 1.4.1 Bruk av farge | A | 2.0 | X | |
| 1.4.2 Styring av lyd | A | 2.0 | X | ||
| 1.4.3 Kontrast (minimum) | AA | 2.0 | X | ||
| 1.4.4 Endring av tekststørrelse | AA | 2.0 | X | ||
| 1.4.5 Bilder av tekst | AA | 2.0 | X | ||
| 1.4.6 Kontrast (forbedret) | AAA | 2.0 | - | ||
| 1.4.7 Lav eller ingen bakgrunnslyd | AAA | 2.0 | - | ||
| 1.4.8 Visuell presentasjon | AAA | 2.0 | X | ||
| 1.4.9 Bilder av tekst (ingen unntak) | AAA | 2.0 | X | ||
| 1.4.10 Dynamisk tilpasning (Reflow) | AA | 2.1 | X | ||
| 1.4.11 Kontrast for ikke-tekstlig innhold | AA | 2.1 | X | ||
| 1.4.12 Tekstavstand | AA | 2.1 | X | ||
| 1.4.13 Pekerfølsomt innhold eller innhold ved tastaturfokus | AA | 2.1 | X | ||
| 2: Mulig å betjene | 2.1 Tilgjengelig med tastatur | 2.1.1 Tastatur | A | 2.0 | X |
| 2.1.2 Ingen tastaturfelle | A | 2.0 | X | ||
| 2.1.3 Tastatur (ingen unntak) | AAA | 2.0 | - | ||
| 2.1.4 Hurtigtaster som består av et tegn | A | 2.1 | X | ||
| 2.2 Nok tid | 2.2.1 Justerbar hastighet | A | 2.0 | X | |
| 2.2.2 Pause, stopp, skjul | A | 2.0 | X | ||
| 2.2.3 Ingen tidsberegning | AAA | 2.0 | - | ||
| 2.2.4 Avbrytelser | AAA | 2.0 | - | ||
| 2.2.5 Ny godkjenning | AAA | 2.0 | - | ||
| 2.2.6 Tidsavbrudd | AAA | 2.1 | - | ||
| 2.3 Anfall | 2.3.1 Terskelverdi på maksimalt tre glimt | A | 2.0 | X | |
| 2.3.2 Tre glimt | AAA | 2.0 | - | ||
| 2.3.3 Animasjon fra interaksjoner | AAA | 2.1 | - | ||
| 2.4 Navigerbar | 2.4.1 Hoppe over blokker | A | 2.0 | X | |
| 2.4.2 Sidetitler | A | 2.0 | X | ||
| 2.4.3 Fokusrekkefølge | A | 2.0 | X | ||
| 2.4.4 Formål med lenke (i kontekst) | A | 2.0 | X | ||
| 2.4.5 Flere måter | AA | 2.0 | X | ||
| 2.4.6 Overskrifter og ledetekster | AA | 2.0 | X | ||
| 2.4.7 Synlig fokus | AA | 2.0 | X | ||
| 2.4.8 Plassering | AAA | 2.0 | - | ||
| 2.4.9 Formål med lenke (bare lenke) | AAA | 2.0 | - | ||
| 2.4.10 Deloverskrifter | AAA | 2.0 | - | ||
| 2.4.11 Fokus ikke skjult (minimum) | AA | 2.2 | - | ||
| 2.4.12 Fokus ikke skjult (forbedret) | AAA | 2.2 | - | ||
| 2.4.13 Fokus utseende | AAA | 2.2 | - | ||
| 2.5 Inndatametode | 2.5.1 Pekerbevegelser | A | 2.1 | X | |
| 2.5.2 Pekeravbrytelse | A | 2.1 | X | ||
| 2.5.3 Ledetekst i navn | A | 2.1 | X | ||
| 2.5.4 Bevegelsesaktivering | A | 2.1 | X | ||
| 2.5.5 Målstørrelse | AAA | 2.1 | - | ||
| 2.5.6 Samtidige inndatamekanismer | AAA | 2.1 | - | ||
| 2.5.7 Drabevegelser | AA | 2.2 | - | ||
| 2.5.8 Målstørrelse (minimum) | AA | 2.2 | - | ||
| 3: Forståelig | 3.1 Leselig | 3.1.1 Språk på siden | A | 2.0 | X |
| 3.1.2 Språk på deler av innhold | AA | 2.0 | X | ||
| 3.1.3 Uvanlige ord | AAA | 2.0 | - | ||
| 3.1.4 Forkortelser | AAA | 2.0 | - | ||
| 3.1.5 Leseferdighet | AAA | 2.0 | - | ||
| 3.1.6 Uttale | AAA | 2.0 | - | ||
| 3.2 Forutsigbar | 3.2.1 Fokus | A | 2.0 | X | |
| 3.2.2 Inndata | A | 2.0 | X | ||
| 3.2.3 Konsekvent navigering | AA | 2.0 | X | ||
| 3.2.4 Konsekvent identifikasjon | AA | 2.0 | X | ||
| 3.2.5 Endring på anmodning | AAA | 2.0 | - | ||
| 3.2.6 Konsekvent hjelp | A | 2.2 | - | ||
| 3.3 Inndatahjelp | 3.3.1 Identifikasjon av feil | A | 2.0 | X | |
| 3.3.2 Ledetekster eller instruksjoner | A | 2.0 | X | ||
| 3.3.3 Forslag ved feil | AA | 2.0 | X | ||
| 3.3.4 Forhindring av feil (juridiske feil, økonomiske feil, datafeil) | AA | 2.0 | X | ||
| 3.3.5 Hjelp | AAA | 2.0 | - | ||
| 3.3.6 Forhindring av feil (alle) | AAA | 2.0 | - | ||
| 3.3.7 Redundant oppføring | A | 2.2 | - | ||
| 3.3.8 Tilgjengelig autentisering (minimum) | AA | 2.2 | - | ||
| 3.3.9 Tilgjengelig autentisering (forbedret) | AAA | 2.2 | - | ||
| 4: Robust | 4.1 Kompatibel | 4.1.1 Parsing (oppdeling) | A | 2.0 | X |
| 4.1.2 Navn, rolle, verdi | A | 2.0 | X | ||
| 4.1.3 Statusmeldinger | AA | 2.1 | X |
4.1.1 Parsing (oppdeling) er utgått
Selv om dette punktet er utgått, følges det fremdeles i Norge fordi WCAG 2.2 ikke er en del av regelverket. I Europa henviser standarden EN 301 549 til WCAG, og Norge henviser loven om universell utforming av nettsteder og mobilapplikasjoner til EUs webdirektiv (WAD) (Olsson, 2023). Hvorvidt Norge vil implementere WCAG 2.2 i fremtiden, avhenger derfor av om EU velger å inkludere WCAG 2.2 i revisjonen av EN 301 549.
Kilder
- Strømsborg, Morten René L. (2024-11-06). WCAG 2.2, ISO/IEC 40500 og universell utforming. [ONLINE] https://www.liavaag.org/WCAG/ (Tilgjengelig: 23. desember 2024)
- Wikipedia (2024-12-03). Web Content Accessibility Guidelines. [ONLINE] https://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines (Tilgjengelig: 23. desember 2024)
- Tilsynet for universell urforming av ikt. Oppbygging av WCAG 2.1. [ONLINE] https://www.uutilsynet.no/wcag-standarden/oppbygging-av-wcag-21/139 (Tilgjengelig: 23. desember 2024)
- Olsson, Tommy (2023-10-06). WCAG 2.2 – ny anbefaling. [ONLINE] https://useit.no/aktuelt/wcag-2-2-ny-anbefaling/ (Tilgjengelig: 23. desember 2024)
Videre lesning om WCAG
- WCAG 2.2, ISO/IEC 40500 og universell utforming Liavaag.org