LiavaagWiki

WCAG-kravene og universell utforming: Forskjell mellom sideversjoner

← Forrige endring
Ingen redigeringsforklaring
Ingen redigeringsforklaring
 
(6 mellomliggende sideversjoner av samme bruker vises ikke)
Linje 34: Linje 34:


==WCAG 2.2==
==WCAG 2.2==
WCAG 2.2 introduserte 9 nye kriterier, men samtidig ble suksesskriterium 4.1.1 ''Parsing (oppdeling)'' tatt ut (Olsson, 2023). W3C begrunner dette med at kriteriet 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 i 4.1.1, mislykkes med andre kriterier, for eksempel i suksesskriteriet 1.3.1 ''Info og relasjoner'', eller i suksesskriteriet 4.1.2 ''Navn, rolle, verdi''. Derfor er 4.1.1 ikke lenger nødvendig for tilgjengelighet. Under er tabell for alle WCAG 2.2 suksesskriterier, samt de 48 kravene offentlig sektor i Norge skal følge.
WCAG 2.2 introduserte 9 nye kriterier, men samtidig ble suksesskriterium 4.1.1 ''Parsing (oppdeling)'' tatt ut (Olsson, 2023). W3C begrunner dette med at kriteriet 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 i 4.1.1, mislykkes med andre kriterier, for eksempel i suksesskriteriet 1.3.1 ''Info og relasjoner'', eller i suksesskriteriet 4.1.2 ''Navn, rolle, verdi''. Derfor er 4.1.1 ikke lenger nødvendig for tilgjengelighet.
 
Mens WCAG 2.1 hadde 78 suksesskriterium, har WCAG 2.2 86 suksesskriterium. 77 er fra WCAG 2.1, en er fjernet fordi den var foreldet, og det er lagt til 9 nye. Under er tabell for alle WCAG 2.2 suksesskriterier, samt de 48 kravene offentlig sektor i Norge skal følge. Samsvarsnivåene A, AA (Double-A) og AAA (Triple-A) i WCAG 2.2 er supplert med de fremtidige samsvarsnivåene ''bronse'', ''sølv'' og ''gull'' i [[#WCAG_3.0|WCAG 3.0]].


{| class="wikitable" style="text-align:left; width:100%"
{| class="wikitable" style="text-align:left; width:100%"
Linje 48: Linje 50:
|1.1 Tekstalternativer
|1.1 Tekstalternativer
|1.1.1 Ikke-tekstlig innhold
|1.1.1 Ikke-tekstlig innhold
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
Linje 54: Linje 56:
| rowspan="9" |1.2 Tidsbaserte medier
| rowspan="9" |1.2 Tidsbaserte medier
|1.2.1 Bare lyd og bare video (forhåndsinnspilt)
|1.2.1 Bare lyd og bare video (forhåndsinnspilt)
| A
| style="background:#FFDAB9;"| A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.2.2 Teksting (forhåndsinnspilt)
|1.2.2 Teksting (forhåndsinnspilt)
| A
| style="background:#FFDAB9;"| A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.2.3 Synstolking eller mediealternativ (forhåndsinnspilt)
|1.2.3 Synstolking eller mediealternativ (forhåndsinnspilt)
| A
| style="background:#FFDAB9;"| A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|1.2.4 Teksting (direkte)
|1.2.4 Teksting (direkte)
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|1.2.5 Synstolking (forhåndsinnspilt)
|1.2.5 Synstolking (forhåndsinnspilt)
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.2.6 Tegnspråk (forhåndsinnspilt)
|1.2.6 Tegnspråk (forhåndsinnspilt)
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|1.2.7 Utvidet synstolking (forhåndsinnspilt)
|1.2.7 Utvidet synstolking (forhåndsinnspilt)
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|1.2.8 Mediealternativ (forhåndsinnspilt)
|1.2.8 Mediealternativ (forhåndsinnspilt)
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|1.2.9 Bare lyd (direkte)
|1.2.9 Bare lyd (direkte)
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
Linje 100: Linje 102:
| rowspan="6" |1.3 Mulig å tilpasse
| rowspan="6" |1.3 Mulig å tilpasse
|1.3.1 Informasjon og relasjoner
|1.3.1 Informasjon og relasjoner
| A
| style="background:#FFDAB9;"| A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.3.2 Meningsfylt rekkefølge
|1.3.2 Meningsfylt rekkefølge
| A
| style="background:#FFDAB9;"| A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.3.3 Sensoriske egenskaper
|1.3.3 Sensoriske egenskaper
| A
| style="background:#FFDAB9;"| A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.3.4 Visningsretning
|1.3.4 Visningsretning
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.3.5 Identifisere formål med inndata
|1.3.5 Identifisere formål med inndata
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.3.6 Identifiser formål
|1.3.6 Identifiser formål
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | -
| style="text-align: center;" | -
Linje 131: Linje 133:
| rowspan="13" |1.4 Mulig å skille fra hverandre
| rowspan="13" |1.4 Mulig å skille fra hverandre
|1.4.1 Bruk av farge
|1.4.1 Bruk av farge
| A
| style="background:#FFDAB9;"| A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.4.2 Styring av lyd
|1.4.2 Styring av lyd
| A
| style="background:#FFDAB9;"| A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.4.3 Kontrast (minimum)
|1.4.3 Kontrast (minimum)
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.4.4 Endring av tekststørrelse
|1.4.4 Endring av tekststørrelse
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.4.5 Bilder av tekst
|1.4.5 Bilder av tekst
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.4.6 Kontrast (forbedret)
|1.4.6 Kontrast (forbedret)
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|1.4.7 Lav eller ingen bakgrunnslyd
|1.4.7 Lav eller ingen bakgrunnslyd
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|1.4.8 Visuell presentasjon
|1.4.8 Visuell presentasjon
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|1.4.9 Bilder av tekst (ingen unntak)
|1.4.9 Bilder av tekst (ingen unntak)
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|1.4.10 Dynamisk tilpasning (Reflow)
|1.4.10 Dynamisk tilpasning (Reflow)
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.4.11 Kontrast for ikke-tekstlig innhold
|1.4.11 Kontrast for ikke-tekstlig innhold
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.4.12 Tekstavstand
|1.4.12 Tekstavstand
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|1.4.13 Pekerfølsomt innhold eller innhold ved tastaturfokus
|1.4.13 Pekerfølsomt innhold eller innhold ved tastaturfokus
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
Linje 198: Linje 200:
| rowspan="4" |2.1 Tilgjengelig med tastatur
| rowspan="4" |2.1 Tilgjengelig med tastatur
|2.1.1 Tastatur
|2.1.1 Tastatur
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.1.2 Ingen tastaturfelle
|2.1.2 Ingen tastaturfelle
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.1.3 Tastatur (ingen unntak)
|2.1.3 Tastatur (ingen unntak)
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.1.4 Hurtigtaster som består av et tegn
|2.1.4 Hurtigtaster som består av et tegn
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
Linje 219: Linje 221:
| rowspan="6" |2.2 Nok tid
| rowspan="6" |2.2 Nok tid
|2.2.1 Justerbar hastighet
|2.2.1 Justerbar hastighet
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.2.2 Pause, stopp, skjul
|2.2.2 Pause, stopp, skjul
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.2.3 Ingen tidsberegning
|2.2.3 Ingen tidsberegning
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.2.4 Avbrytelser
|2.2.4 Avbrytelser
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.2.5 Ny godkjenning
|2.2.5 Ny godkjenning
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.2.6 Tidsavbrudd
|2.2.6 Tidsavbrudd
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | -
| style="text-align: center;" | -
Linje 250: Linje 252:
| rowspan="3" |2.3 Anfall
| rowspan="3" |2.3 Anfall
|2.3.1 Terskelverdi på maksimalt tre glimt
|2.3.1 Terskelverdi på maksimalt tre glimt
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.3.2 Tre glimt
|2.3.2 Tre glimt
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.3.3 Animasjon fra interaksjoner
|2.3.3 Animasjon fra interaksjoner
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | -
| style="text-align: center;" | -
Linje 266: Linje 268:
| rowspan="13" |2.4 Navigerbar
| rowspan="13" |2.4 Navigerbar
|2.4.1 Hoppe over blokker
|2.4.1 Hoppe over blokker
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.4.2 Sidetitler
|2.4.2 Sidetitler
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.4.3 Fokusrekkefølge
|2.4.3 Fokusrekkefølge
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.4.4 Formål med lenke (i kontekst)
|2.4.4 Formål med lenke (i kontekst)
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.4.5 Flere måter
|2.4.5 Flere måter
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.4.6 Overskrifter og ledetekster
|2.4.6 Overskrifter og ledetekster
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.4.7 Synlig fokus
|2.4.7 Synlig fokus
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.4.8 Plassering
|2.4.8 Plassering
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.4.9 Formål med lenke (bare lenke)
|2.4.9 Formål med lenke (bare lenke)
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.4.10 Deloverskrifter
|2.4.10 Deloverskrifter
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.4.11 Fokus ikke skjult (minimum)
|2.4.11 Fokus ikke skjult (minimum)
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.2
| style="text-align: center;" | 2.2
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.4.12 Fokus ikke skjult (forbedret)
|2.4.12 Fokus ikke skjult (forbedret)
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.2
| style="text-align: center;" | 2.2
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.4.13 Fokus utseende
|2.4.13 Fokus utseende
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.2
| style="text-align: center;" | 2.2
| style="text-align: center;" | -
| style="text-align: center;" | -
Linje 332: Linje 334:
| rowspan="8" |2.5 Inndatametode
| rowspan="8" |2.5 Inndatametode
|2.5.1 Pekerbevegelser
|2.5.1 Pekerbevegelser
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.5.2 Pekeravbrytelse
|2.5.2 Pekeravbrytelse
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.5.3 Ledetekst i navn
|2.5.3 Ledetekst i navn
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.5.4 Bevegelsesaktivering
|2.5.4 Bevegelsesaktivering
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|2.5.5 Målstørrelse
|2.5.5 Målstørrelse
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.5.6 Samtidige inndatamekanismer
|2.5.6 Samtidige inndatamekanismer
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.5.7 Drabevegelser
|2.5.7 Drabevegelser
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.2
| style="text-align: center;" | 2.2
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|2.5.8 Målstørrelse (minimum)
|2.5.8 Målstørrelse (minimum)
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.2
| style="text-align: center;" | 2.2
| style="text-align: center;" | -
| style="text-align: center;" | -
Linje 374: Linje 376:
| rowspan="6" |3.1 Leselig
| rowspan="6" |3.1 Leselig
|3.1.1 Språk på siden
|3.1.1 Språk på siden
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|3.1.2 Språk på deler av innhold
|3.1.2 Språk på deler av innhold
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|3.1.3 Uvanlige ord
|3.1.3 Uvanlige ord
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|3.1.4 Forkortelser
|3.1.4 Forkortelser
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|3.1.5 Leseferdighet
|3.1.5 Leseferdighet
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|3.1.6 Uttale
|3.1.6 Uttale
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
Linje 405: Linje 407:
| rowspan="6" |3.2 Forutsigbar
| rowspan="6" |3.2 Forutsigbar
|3.2.1 Fokus
|3.2.1 Fokus
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|3.2.2 Inndata
|3.2.2 Inndata
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|3.2.3 Konsekvent navigering
|3.2.3 Konsekvent navigering
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|3.2.4 Konsekvent identifikasjon
|3.2.4 Konsekvent identifikasjon
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|3.2.5 Endring på anmodning
|3.2.5 Endring på anmodning
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|3.2.6 Konsekvent hjelp
|3.2.6 Konsekvent hjelp
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.2
| style="text-align: center;" | 2.2
| style="text-align: center;" | -
| style="text-align: center;" | -
Linje 436: Linje 438:
| rowspan="9" |3.3 Inndatahjelp
| rowspan="9" |3.3 Inndatahjelp
|3.3.1 Identifikasjon av feil
|3.3.1 Identifikasjon av feil
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|3.3.2 Ledetekster eller instruksjoner
|3.3.2 Ledetekster eller instruksjoner
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|3.3.3 Forslag ved feil
|3.3.3 Forslag ved feil
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|3.3.4 Forhindring av feil (juridiske feil, økonomiske feil, datafeil)
|3.3.4 Forhindring av feil (juridiske feil, økonomiske feil, datafeil)
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|3.3.5 Hjelp
|3.3.5 Hjelp
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|3.3.6 Forhindring av feil (alle)
|3.3.6 Forhindring av feil (alle)
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|3.3.7 Redundant oppføring
|3.3.7 Redundant oppføring
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.2
| style="text-align: center;" | 2.2
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|3.3.8 Tilgjengelig autentisering (minimum)
|3.3.8 Tilgjengelig autentisering (minimum)
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.2
| style="text-align: center;" | 2.2
| style="text-align: center;" | -
| style="text-align: center;" | -
|-
|-
|3.3.9 Tilgjengelig autentisering (forbedret)
|3.3.9 Tilgjengelig autentisering (forbedret)
| AAA
| style="background:#F7F6A8;" | AAA
| style="text-align: center;" | 2.2
| style="text-align: center;" | 2.2
| style="text-align: center;" | -
| style="text-align: center;" | -
Linje 483: Linje 485:
| rowspan="3" |4.1 Kompatibel
| rowspan="3" |4.1 Kompatibel
| 4.1.1 Parsing (oppdeling)
| 4.1.1 Parsing (oppdeling)
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|4.1.2 Navn, rolle, verdi
|4.1.2 Navn, rolle, verdi
| A
| style="background:#FFDAB9;" | A
| style="text-align: center;" | 2.0
| style="text-align: center;" | 2.0
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
|-
|4.1.3 Statusmeldinger
|4.1.3 Statusmeldinger
| AA
| style="background:#DCE5E5;" | AA
| style="text-align: center;" | 2.1
| style="text-align: center;" | 2.1
| style="text-align: center;" | X
| style="text-align: center;" | X
|-
!colspan=3| Sum
!colspan=2| 86 (87*)
! 48
|}
|}
''*[[#WCAG 2.2|4.1.1 er utgått]], derfor har WCAG 2.2 86 suksesskriterier.''


===4.1.1 Parsing (oppdeling) er utgått===
===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.
WCAG 2.2 fjernet suksesskriteriumet 4.1.1, men 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.
 
==WCAG 3.0==
For å holde tritt med raskt skiftende teknologier, og ytterligere forbedre tilgjengeligheten, oppdateres W3Cs retningslinjer kontinuerlig. WCAG 3.0 har derfor lenge vært i arbeid, og forventes å være mye enklere å forstå enn tidligere versjoner (Curtis, 2024). For å oppnå dette har W3C endret strukturen til retningslinjene. Samtidig vil retningslinjene bli mer detaljerte enn i tidligere versjoner. Dette betyr at de retningslinjene blir mer fokusert på ønsket resultat, i stedet for de tekniske midlene for å oppnå dem (Curtis, 2024). Retningslinjene blir enklere, men det betyr samtidig at det vil være flere retningslinjer å oppfylle. Dette er fordi hensikten på dette stadiet er å være så inkluderende som mulig av potensielle krav, og WCAG 3.0-kravene er mer detaljerte enn WCAG 2 suksesskriteriene (Montgomery et al., 2024).
 
===Forventede endringer i forhold til tidligere versjoner av WCAG===
Det er mange forskjeller mellom WCAG 2 og WCAG 3.0, men det endelige settet med krav i WCAG 3.0 vil bli annerledes enn det som er i foreløpige utkast. Krav vil bli lagt til, kombinert og fjernet, og det forventes at det blir endringer i teksten til kravene (Montgomery et al., 2024). Bare noen av kravene vil bli brukt for å oppfylle grunnnivået for samsvar. Foreløpig er det planlagt at WCAG 3.0 vil gå bort fra begrepet ''suksesskriterier'' (engelsk; success criteria) mot ''resultat'' (engelsk; outcome). Endringen skyldes at W3C ønsker å gi ''verifiserbare utsagn'' å jobbe mot i stedet for ''generelle utsagn'' (Curtis, 2024). WCAG 3.0 vil også erstatte graderingene A, AA (Double-A) og AAA (Triple-A) med samsvarsnivåene ''bronse'', ''sølv'' og ''gull''. Dette trinnvise karaktersystemet har som mål å gi mer fleksibilitet og klarhet i hvordan tilgjengelighet vurderes og oppnås.
 
WCAG 3.0 vil inneholde retningslinjer som går utover bare nettinnhold og inkluderer nye teknologier, inkludert virtuell virkelighet, utvidet virkelighet og andre interaktive plattformer (Curtis, 2024). Utvidelsen vil bidra til å løse hullene som disse avanserte teknologiene utgjør, og sikre at personer med funksjonshemming fortsatt kan bruke dem.


==Kilder==
==Kilder==
*Strømsborg, Morten René L. (2024-11-06). ''WCAG 2.2, ISO/IEC 40500 og universell utforming''. [ONLINE] Tilgjengelig: https://www.liavaag.org/WCAG/ (Tilgang: 23. desember 2024)
*Strømsborg, Morten René L. (2024-11-06). ''WCAG 2.2, ISO/IEC 40500 og universell utforming''. [ONLINE] Tilgjengelig: https://www.liavaag.org/WCAG/ (Tilgang: 23. desember 2024)
*Wikipedia (2024-12-03). ''Web Content Accessibility Guidelines''. [ONLINE] Tilgjengelig: https://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines (Tilgang: 23. desember 2024)
*Wikipedia (2024-12-03). ''Web Content Accessibility Guidelines''. [ONLINE] Tilgjengelig: https://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines (Tilgang: 23. desember 2024)
*Tilsynet for universell urforming av ikt. ''Oppbygging av WCAG 2.1''. [ONLINE] Tilgjengelig: https://www.uutilsynet.no/wcag-standarden/oppbygging-av-wcag-21/139 (Tilgang: 23. desember 2024)
*Tilsynet for universell urforming av ikt. ''Oppbygging av WCAG 2.1''. [ONLINE] Tilgjengelig: https://www.uutilsynet.no/wcag-standarden/oppbygging-av-wcag-21/139 (Tilgang: 23. desember 2024)
*Olsson, Tommy (2023-10-06). ''WCAG 2.2 – ny anbefaling''. [ONLINE] Tilgjengelig: https://useit.no/aktuelt/wcag-2-2-ny-anbefaling/ (Tilgang: 23. desember 2024)
*Olsson, Tommy (2023-10-06). ''WCAG 2.2 – ny anbefaling''. [ONLINE] Tilgjengelig: https://useit.no/aktuelt/wcag-2-2-ny-anbefaling/ (Tilgang: 23. desember 2024)
*Curtis, Jeff (2024-09-07). ''WCAG 3.0 and the Future of Accessibility Standards''. [ONLINE] Tilgjengelig: https://www.audioeye.com/post/wcag-3-future-accessibility-standards/ (Tilgang: 27. desember 2024)
*Montgomery, Rachael Bradley (Library of Congress), Adams, Chuck (Oracle), Campbell, Alastair (Nomensa), White, Kevin (W3C), Spellman, Jeanne (TetraLogical), og Storr, Francis (Intel Corporation) (2024-12-12).''W3C Accessibility Guidelines (WCAG) 3.0''. [ONLINE] Tilgjengelig: https://www.w3.org/TR/wcag-3.0/ (Tilgang: 27. desember 2024)


==Videre lesning om WCAG==
==Videre lesning om WCAG==
*[https://www.liavaag.org/WCAG/ WCAG 2.2, ISO/IEC 40500 og universell utforming] ''Liavaag.org''
*[https://www.liavaag.org/WCAG/ WCAG 2.2, ISO/IEC 40500 og universell utforming] ''Liavaag.org''
*[https://www.w3.org/TR/wcag-3.0/ W3C Accessibility Guidelines (WCAG) 3.0] ''W3C''


<div style="text-align:right; float:right; clear:both;">
<div style="text-align:right; float:right; clear:both;">
<span style="font-size:24px;">[https://www.liavaag.org Liavaag.org]</span>
<span style="font-size:24px;">[https://www.liavaag.org Liavaag.org]</span>
</div>
</div>
Hentet fra «https://www.liavaag.org/wiki/index.php?title=WCAG-kravene_og_universell_utforming»