Hopp til hovedinnhold

Oversikt over testregler for nettsteder

Tilsynet har laget testregler for å vurdere om nettsteder følger kravene i WCAG 2.1, på nivå A og AA. Reglene bygger på en dokumentert tolkning av forskriften og brukes for å vurdere om et nettsted er universelt utformet.

    Hva testreglene brukes til

    Her finner du en oversikt over testreglene knyttet til hvert enkelt suksesskriterium med informasjon om testobjekt og hva som skal til for å oppnå samsvar med kravet.

    Reglene kan brukes av utviklere, innkjøpere og andre som vil teste nettløsninger. Testene legger opp til å ta stikkprøver av innhold og funksjoner, og gir en indikasjon på hvor godt et nettsted oppfyller kravene. Testreglene er laget for å sikre at vurderingene blir mest mulig like, uansett hvem som tester. Testresultatene gir både innsikt i enkeltstående nettsteder og grunnlag for overordnet statistikk. Tilsynet bruker testreglene for universell utforming av nettsteder ved tilsyn, statusmålinger, inngående kontroll og uttalesaker til Diskrimineringsnemnda.

    1. Mulig å oppfatte

    1.1.1 Ikke-tekstlig innhold

    Tilsynets tolkning og presisering av 1.1.1 Ikke-tekstlig innhold (Nivå A).

    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.1.1aIkke-lenkede bilder har tekstalternativ.Bilder og grafikk.

    For ikke-lenkede bilder er ett av følgende punkter oppfylt:

    • Bilder som er meningsbærende, har et kort tekstalternativ som gir samme informasjon som bildet eller
    • Komplekse, meningsbærende bilder, har
      • både et kort og et langt tekstalternativ som gir samme informasjon som bildet, og
      • bildet er programmatisk knyttet til langt tekstalternativ, og
      • langt tekstalternativ er kodet som tekst, eller
    • Ikke-tekstlig innhold som er en test, har kort tekstalternativ med en beskrivende identifikasjon av testen, eller
    • Bilder der formålet er å skape et spesifikt sanseinntrykk, har tekstalternativ med en beskrivende identifikasjon av bildet, eller
    • Bilder som er ren dekorasjon, brukes utelukkende til visuell formatering eller ikke presenteres for brukerne, kodes slik at det kan ignoreres av hjelpemiddelteknologi.
    1.1.1bFormål med lenkede bilder går frem av lenketekst eller tekstalternativ.Bilder og grafikk.

    Informasjon om lenkemålet for et lenket bilde går frem av ett av følgende alternativer

    • lenketeksten til bildet
    • tekstalternativet til bildet
    • lenketeksten kombinert med tekstalternativet til bildet
    • tittel-attributtet til bildet
    1.1.1cFormål med klikkbare områder i bilder går frem av tekstalternativ.Bilder og grafikk.Klikkbare områder i bilder har et tekstalternativ som gir informasjon om lenkemålet.
    1.1.1dCAPTCHA har tekstalternativ og alternativ form.CAPTCHA.

    For CAPTCHA skal tekstalternativet identifisere og beskrive hensikten. Følgende skal være oppfylt

    • tekstalternativet skal identifisere at det handler om en test, for å verifisere at brukeren er et menneske, og
    • det tilbys minst to ulike typer CAPTCHA.
    1.1.1fVideo eller lydklipp har et tilgjengelig navn med en beskrivende identifikasjon.Lyd og videoer.Forhåndsinnspilte videoer og lydklipp har et tilgjengelig navn med en beskrivende identifikasjon.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.2.1aForhåndsinnspilt lyd har alternativ i form av tekst.Lyd og video.

    Forhåndsinnspilt lydklipp har tekstalternativ, som er visuelt plassert i nær tilknytning til lydklippet, eller kan nås via en mekanisme i direkte tilknytning til lydklippet. Tekstalternativet

    • formidler det samme som lydklippet i rett rekkefølge og
    • er kodet som tekst

    Forhåndsinnspilt lydklipp som er mediealternativ til tekst eller video uten lyd, er unntatt. For å være mediealternativ skal lydklippet

    • ikke presentere mer informasjon enn det som gis via tekst eller video uten lyd, og
    • være tydelig merket, det vil si, plassert i direkte tilknytning til teksten eller video uten lyd og gi informasjon som indikerer at det er et mediealternativ til lydklippet
    1.2.1bForhåndsinnspilt video uten lyd har alternativ i form av tekst eller lyd.Lyd og video.

    Forhåndsinnspilt video uten lyd har alternativ i form av tekst eller lyd, og tekst- eller lydalternativet er visuelt plassert i nær tilknytning til videoklippet, eller kan nås via en mekanisme i direkte tilknytning til videoklippet. Tekstalternativet

    • formidler det samme som videoen i rett rekkefølge, og
    • er kodet som tekst eller lydalternativet være mulig å spille av og stoppe

    Forhåndsinnspilt video uten lyd som er mediealternativ til tekst, er unntatt. For å være mediealternativ skal videoen

    • ikke presentere mer informasjon enn det som gis via tekst, og
    • være tydelig merket, det vil si, plassert i direkte tilknytning til videoen og gi informasjon som indikerer at det er et mediealternativ
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.2.2aForhåndsinnspilt video med lyd har teksting eller tekstalternativ.Lyd og video.

    Forhåndsinnspilt video med lyd har teksting eller tekstalternativ.

    • Teksting skal formidle tale og lyd som er viktig for å forstå videoen. I dialog skal det markeres hvem som snakker. Teksting skal ikke forstyrre viktig innhold i videoen.
      • Skjult teksting har en mekanisme for å slå teksting på og av.
    • Tekstalternativ skal formidle tale og lyd som er viktig for å forstå videoen. I dialog skal det markeres hvem som snakker. Tekstalternativ kan gis på en av følgende måter:
      • Langt tekstalternativ kombinert med kort tekstalternativ, plassert nær videoen. Kort tekstalternativ angir hvor langt tekstalternativ er plassert.
      • Langt tekstalternativ gis via en mekanisme plassert nær videoen.
      • Tekstalternativet er kodet som tekst.
    • Forhåndsinnspilt video med lyd, som er mediealternativ til tekst, er unntatt. For å være mediealternativ skal videoen
      • ikke presentere mer informasjon enn det som gis via tekst eller lyd, og
      • være tydelig merket, det vil si, plassert i direkte tilknytning til aktuell tekst og gi informasjon som indikerer at det er et mediealternativ
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.2.5aForhåndsinnspilt video med lyd, har synstolking.Lyd og video.

    Det gis tilgang til synstolking for forhåndsinnspilt video med lyd i synkroniserte medier, der:

    • Viktig visuell informasjon blir formidlet i det originale lydsporet i videoen, eller
    • Viktig visuell informasjon blir formidlet i et separat lydspor til videoen, og
      • Det er mulig å spille av, samt slå på og av synstolkingen, og
      • Viktig visuell informasjon er tilstrekkelig beskrevet, i rett rekkefølge, og
      • Synstolkingen forstyrrer ikke den originale lyden i videoen, eller
    • Viktig visuell informasjon blir formidlet med en kombinasjon av ulike typer synstolking, og
      • Det er mulig å spille av, samt slå på og av synstolkingen, og
      • Viktig visuell informasjon er tilstrekkelig beskrevet, i rett rekkefølge, og
      • Synstolkingen forstyrrer ikke den originale lyden i videoen
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.3.1aVisuelle overskrifter er korrekt kodet.Overskrifter.
    • Visuelle overskrifter er korrekt kodet som overskrifter.
    • Visuelle overskrifter som inngår i et overskriftshierarki, er kodet med rett overskriftsnivå.
    1.3.1bVisuelle tabeller er korrekt kodet.Tabeller.
    • Innhold og relasjoner i visuelle datatabeller er korrekt kodet med rolle tabell, samt tabelltittel og overskriftsceller, der dette finnes.
    • Tabeller brukt til layout skal kodes slik at de ignoreres av hjelpemiddelteknologi.
    1.3.1cVisuelle lister er korrekt kodet.Lister.

    Visuelle lister er korrekt kodet, basert på type liste:

    • Nummererte lister er kodet som nummerert liste.
    • Unummererte lister er kodet som unummerert liste.
    • Beskrivende lister, det vil si lister som har to nivå og gir utfyllende forklaringer, er kodet som beskrivende lister.
    1.3.1dVisuell inndeling av innhold i regioner er korrekt kodet.Alt innhold.Visuell inndeling av innhold i regioner er korrekt kodet som landemerke.
    1.3.1eVisuelle skjemainstruksjoner er programmatisk koblet med tilhørende skjemaelementer.Skjemaer.Visuelle skjemainstruksjoner er programmatisk koblet med tilhørende skjemaelementer.
    1.3.1fVisuell spesialtekst er korrekt kodet.Alt tekstinnhold.Visuell spesialtekst i brødtekst, er korrekt kodet.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.3.2aMeningsfylt leserekkefølge er programmatisk bestemt.Navigasjon.

    Dersom meningsinnholdet, på hele eller deler av nettsiden, påvirkes av rekkefølgen som innholdet presenteres i, er minst én korrekt leserekkefølge programmatisk bestemt, og

    • programmatisk bestemt leserekkefølge er den samme som visuell leserekkefølge, eller
    • programmatisk bestemt leserekkefølge er ulik visuell leserekkefølge, men leserekkefølgen ivaretar likevel meningsinnholdet
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.3.3aInstruksjoner for å forstå og betjene skjema, er ikke utelukkende avhengig av sensoriske egenskaper.Skjemaer.
    • Skjemainstruksjon som viser til sensoriske egenskaper (form, størrelse, visuell plassering, orientering eller lyd), har også annen informasjon, som lar brukeren forstå og betjene komponenten, eller
    • I skjemainstruksjon brukes det ord som er vanlige for å vise leserekkefølge, og rekkefølgen er den samme i koden.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.4.1aLenket tekst skiller seg fra annen tekst med mer enn bare farge.Lenker.

    Kravet kan oppfylles på flere måter.

    • Lenker i løpende tekst oppfyller et av alternativer under:
      • Lenker markerte med farge, skiller seg ut fra nærliggende ikke-lenket tekst med mer enn bare farge.
        • Eksempel på visuelle kjennetegn er endring i skrifttype, skriftgruppe, skriftstørrelse, understreking, uthevet skrift, ramme eller ikon.
      • Lenker markerte med bare farge har kontrast på minst 3:1, mot nærliggende ikke lenket tekst og får synlig markering i tillegg til farge ved mouseover og tastaturfokus.
        • Endring av muspekeren og standard fokusmarkering er ikke tilstrekkelig markering.
    1.4.1bInformasjon i grafiske framstillinger skiller seg ut med mer enn bare farge.Bilder og grafikk.

    Kravet kan oppfylles på flere måter:

    • Når farge er brukt for å formidle informasjon eller skille ut visuelle element i grafiske framstillinger, er ett av følgende punkter oppfylt i tillegg:
      • Forklarende tekst gir samme informasjon som er formidlet med farge.
      • Andre visuelle virkemiddel gir samme informasjon som er formidlet med farge.
      • Det er direkte kobling mellom del av illustrasjon der farge er brukt og forklarende informasjon og det finnes en mekanisme som aktiverer informasjonen.
    1.4.1cSkjemaelementer, instruksjoner og feilmeldinger er merket med mer enn bare farge.Skjemaelementer.

    Der skjemaelementer, instruksjoner eller feilmeldinger bruker farge for å

    • formidle informasjon
    • vise en handling
    • be om respons, eller
    • skille ut et visuelt element

    er det merket med mer enn bare farge, og markeringen er visuell.

    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.4.2aDet er mulig å styre lyd som starter automatisk og ikke stopper innen tre sekunder.Lyd og video.
    • Lyd som starter automatisk, og varer mer enn tre sekunder, har en mekanisme for styring av lyd, som regulerer lydstyrken uavhengig av systemvolumet, eller
    • En mekanisme for å slå av lyden permanent eller midlertidig, uavhengig av systemvolumet. Mekanismen
      • er plassert nær starten av siden
      • kan brukes med tastatur
      • ligger innenfor de 5 første tab-stegene på nettsiden, og
      • har tydelig visuell markering i form av ledetekst eller symbol
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.4.3aDet er tilstrekkelig kontrast mellom tekst og bakgrunn.Alt tekstinnhold.

    For nettsider med tekst gjelder følgende:

    • Tekst har kontrast på minst 4,5:1 mot bakgrunnen.
    • Stor tekst har kontrast på minst 3,0:1 mot bakgrunnen.
    1.4.3bDet er tilstrekkelig kontrast mellom tekst og bakgrunn i bilde av tekst.Bilde av tekst.

    Bilder av tekst

    • Bilde av tekst har kontrast på minst 4.5:1 mot bakgrunnen.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.4.4aTekst kan forstørres til minst 200% uten tap av innhold og funksjonalitet.Alt tekstinnhold.
    • All tekst kan forstørres opp til minst 200 % visning uten at innhold eller funksjonalitet går tapt.
    • Dersom forstørring tilbys via en mekanisme på den aktuelle nettsiden, skal den være lett å finne.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.4.5aBilde av tekst er ikke brukt unødvendig.Bilder og grafikk.

    Bilde av tekst er bare brukt dersom:

    • Det kan visuelt tilpasses brukerens krav.
      • Skrifttype, størrelse, farge og bakgrunn kan endres.
    • En bestemt presentasjon av innholdet er avgjørende.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.4.10aDynamisk tilpasning av nettsider.Alt innhold.

    Kravet kan oppfylles på flere måter:

    Brukeren får tilgang til samme informasjon og funksjonalitet, uten å måtte scrolle i to dimensjoner.

    • Innhold som ruller loddrett med en bredde som tilsvarer 320 CSS-piksler (tilsvarer desktop nettleservindu (viewport) satt til en bredde på 1280 CSS-piksler ved 400 prosent forstørrelse), og
    • alt innhold og funksjonalitet kan nås og brukes.

    eller

    • Innhold som ruller vannrett med en høyde som tilsvarer 256 CSS-piksler (tilsvarer desktop nettleservindu (viewport) satt til en høyde på 1024 CSS-piksler ved 400 prosent forstørrelse), og
    • alt innhold og funksjonalitet kan nås og brukes.

    eller

    • Brukeren får tilgang til samme informasjon og funksjonalitet i en alternativ versjon av nettsiden, via en mekanisme, og
      • Mekanismen for å endre visning (layout) ligger på samme nettside, og
      • Mekanismen endrer visning (layout) av nettsiden, og
      • Alternativ versjon krever ikke at brukeren scroller i to dimensjoner.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.4.11aDet er tilstrekkelig kontrast for aktive ikke-tekstlige brukergrensesnittkomponenter.Betjeningskomponenter.

    Den visuelle presentasjonen har et kontrastforhold på minst 3:1 mot farge(r) som ligger ved siden av for:

    • Visuell informasjon som kreves for å identifisere aktive brukergrensesnittkomponenter, samt hvordan de kan betjenes.
      • Med mindre utseendet er bestemt av brukeragenten og ikke er endret av innholdsprodusenten.
    1.4.11bDet er tilstrekkelig kontrast på tilstander for aktive ikke-tekstlige brukergrensesnittkomponenter.Betjeningskomponenter.

    Den visuelle presentasjonen har et kontrastforhold på minst 3:1 mot farge(r) som ligger ved siden av for:

    • Visuell informasjon som kreves for å indikere tilstand for aktive brukergrensesnittkomponenter.
      • Med mindre utseendet er bestemt av brukeragenten og ikke er endret av innholdsprodusenten.
    1.4.11cDet er tilstrekkelig kontrast for grafiske objekter.Bilder og grafikk.

    Den visuelle presentasjonen har et kontrastforhold på minst 3:1 mot farge(r) som ligger ved siden av for:

    • Deler av grafikk som kreves for å forstå innholdet.
      • Med mindre en bestemt presentasjon er avgjørende for informasjonen som blir formidlet.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.4.12aDet er tilstrekkelig tekstavstand.Alt tekstinnhold.
    • Tekst har eller kan settes til følgende fire tekstegenskaper samtidig, uten tap av innhold eller funksjonalitet:
      • Linjehøyde (linjeavstand) minst 1,5 ganger skriftstørrelsen.
      • Avstand etter avsnitt minst 2 ganger skriftstørrelsen.
      • Avstanden mellom bokstaver i blokker av tekst (sperring) minst 0,12 ganger skriftstørrelsen.
      • Avstanden mellom ord minst 0,16 ganger skriftstørrelsen, og
    • Andre stilegenskaper blir ikke endret som følge av justert tekstavstand.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    1.4.13aPekerfølsomt innhold kan betjenes.Alt tekstinnhold.

    Når innhold kommer til syne og så forsvinner ved at man holder musepekeren over innholdet og så flytter musepekeren vekk, gjelder alle de følgende punktene:

    • Det er en mekanisme for å avvise eller lukke det ekstra innholdet, uten å flytte musepekeren.
      • Med mindre det ekstra innholdet formidler en inndatafeil eller ikke forstyrrer eller erstatter annet innhold.
    • Musepekeren kan flyttes over det ekstra innholdet uten at det ekstra innholdet forsvinner.
    • Det ekstra innholdet forblir synlig helt til
      • brukeren flytter musepekeren, eller
      • brukeren avviser innholdet, eller
      • informasjonen ikke lenger er gyldig.
    1.4.13bInnhold ved tastaturfokus kan betjenes.Alt tekstinnhold.

    Når innhold kommer til syne og så forsvinner ved at man flytter tastaturfokus til innholdet og deretter flytter fokus vekk, gjelder alle de følgende punktene:

    • Det er en mekanisme for å avvise eller lukke det ekstra innholdet, uten å flytte tastaturfokuset.
      • Med mindre det ekstra innholdet formidler en inndatafeil eller ikke forstyrrer eller erstatter annet innhold.
    • Det ekstra innholdet forblir synlig helt til
      • brukeren flytter fokus, eller
      • brukeren avviser innholdet, eller
      • informasjonen ikke lenger er gyldig.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.1.1aDet er mulig å nå innhold og bruke funksjonalitet med tastatur.Betjeningskomponenter.

    All funksjonalitet på nettsiden kan nås og brukes med tastatur, uten at det er behov for tidsberegning av de enkelte tastetrykkene.

    • Funksjonalitet på nettstedet som ikke er formålstjenlig å bruke med tastatur er unntatt.
    • Dersom det er behov for noe bruk av noe annet enn standardmetoder for tastaturnavigasjon, får brukeren informasjon om hvilken metode som skal benyttes.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.1.2aDet finnes ingen tastaturfeller på nettsiden.Betjeningskomponenter.

    Det er mulig å navigere gjennom alt innhold på nettsiden som kan få tastaturfokus, uten å bli stående fast i et element.

    Alternativ tastaturnavigasjon er beskrevet for brukeren, dersom standardmetoder ikke er brukt.

    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.1.4aHurtigtaster som består av kun ett tegn.Alt innhold.

    Dersom en hurtigtast er implementert i innholdet ved å bruke kun en bokstav (inklusive store og små bokstaver), tegnsetting, siffer eller symboltegn, gjelder minst ett av følgende punkter:

    • Det er en mekanisme for å slå av hurtigtasten.
      • Mekanismen ligger på samme nettside som innholdet som benytter hurtigtaster.
    • Det er en mekanisme for å rekonfigurere (omadressere) hurtigtasten ved hjelp av en eller flere modifiseringstaster.
      • Mekanismen ligger på samme nettside som innholdet som benytter hurtigtaster.
    • Hurtigtasten for en brukergrensesnittkomponent er kun aktiv når komponenten kommer i fokus.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.2.1aDet er mulig å slå av, justere eller forlenge tidsbegrensninger.Innhold med tidsbegrensninger.

    For hver tidsbegrensning som er angitt av innholdet, er det mulig for brukeren å gjøre minst ett av følgende alternativer:

    • Slå av tidsavgrensningen, senest 20 sekunder før den skjer, ved å gjøre en enkel handling.
      • Mekanismen for å slå av skal ligge før eller rett ved siden av innholdet som inneholder tidsavgrensninger.
    • Justere tidsavgrensningen med minst 10 ganger standard varighet.
      • Mekanismen for å justere skal ligge før eller rett ved siden av innholdet som inneholder tidsavgrensninger.
    • Forlenge tidsavgrensningen senest 20 sekunder før den inntreffer, ved å gjøre en enkel handling. Det skal være mulig å forlenge med minst 10 ganger standard varighet.
      • Mekanismen for å forlenge skal ligge før eller rett ved siden av innholdet som inneholder tidsavgrensninger.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.2.2aDet er mulig å pause, stoppe eller skjule innhold som beveger seg, blinker eller ruller.Innhold som blinker og/eller oppdateres automatisk.

    For innhold som automatisk beveger seg, blinker, ruller, og viser samtidig med annet innhold, der handlingen ikke er avgjørende, gjelder følgende:

    • Det er en mekanisme for å pause, stoppe eller skjule innholdet eller laste nettsiden på nytt uten slikt innhold, og
      • Mekanismen ligger enten på starten av nettsiden eller i direkte tilknytning til innholdet, eller
    • Det finnes en dokumentert tastatursnarvei for å pause, stoppe eller skjule innholdet eller laste nettsiden på nytt uten slikt innhold, og
      • Innholdet som er satt på pause blir gjenopptatt på samme sted eller i sanntid.
    2.2.2bDet er mulig å pause, stoppe, skjule eller endre oppdateringsfrekvensen for automatisk oppdatert innhold.Innhold som blinker og/eller oppdateres automatisk.

    For innhold som oppdateres automatisk, uten å bevege seg, og viser samtidig med annet innhold, gjelder følgende:

    • Det er en mekanisme for å pause, stoppe eller skjule innholdet eller styre oppdateringsfrekvensen, og
      • Mekanismen ligger enten på starten av nettsiden eller i direkte tilknytning til innholdet, eller
    • Det finnes en dokumentert tastatursnarvei for å pause, stoppe eller skjule innholdet eller styre oppdateringsfrekvensen.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.3.1aNettsiden har ikke innhold som glimter.Innhold som blinker og/eller oppdateres automatisk.
    • Nettsiden har ikke innhold som glimter, eller
    • Nettsiden har innhold som glimter, og en av følgende oppfylt:
      • Innholdet dekker mindre enn 21 824 kvadratpiksler (25% av skjermen).
      • Det er færre enn tre blink i sekundet.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.4.1aDet finnes en mekanisme for å omgå blokker med gjentatt innhold på nettsiden.Betjeningskomponenter.

    For nettsider som har blokker med innhold, som ligger før hovedinnholdet, og som blir gjentatt på flere sider, innenfor et sett med nettsider, er følgende oppfylt:

    • Det er en mekanisme for å hoppe til hovedinnholdet eller slå sammen det gjentatte innholdet.
    • Når mekanismen aktiveres, flyttes visuelt og funksjonelt fokus til hovedinnholdet.
    • Mekanismen
      • ligger før blokken med gjentatt innhold, og
      • er blant de første fem tab-stegene, og
      • er alltid synlig eller blir det ved tastaturfokus.
    • Dersom mekanismen er en snarveilenke, har den i tillegg en beskrivende tekst.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.4.2aNettsiden har beskrivende sidetittel.Sidetittel.
    • Sidetittelen er korrekt kodet i det oppmerkingsspråket som er brukt, og
    • Sidetittelen gir en relevant beskrivelse av sidens tema eller formål
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.4.3aTastaturrekkefølge ivaretar meningsinnhold og betjening.Betjeningskomponenter.

    For innhold som får fokus ved tastaturnavigasjon og må navigeres i en bestemt rekkefølge, er ett av følgende alternativ oppfylt:

    • Tastaturrekkefølge og visuell rekkefølge er lik.
    • Tastaturrekkefølge og visuell rekkefølge er ulik, men det er likevel mulig å forstå og bruke innholdet.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.4.4aFormål med lenker går tydelig frem av lenketeksten, eller lenketeksten og konteksten sammen.Lenker.

    Lenker som inneholder tekst oppfyller kravet dersom:

    • Lenketeksten alene beskriver formålet med lenken, eller
    • Lenketeksten sammen med programmeringsmessig bestemt lenkekontekst beskriver formålet med lenken. For programmatisk bestemt lenkekontekst vurderes tekst som står i
      • samme avsnitt, liste eller celle i en tabell som lenken gjør eller tilsvarende, eller
      • en tabelloverskrift som er knyttet til tabellcellen som lenken står i eller tilsvarende
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.4.5aDet er flere måter å navigere på.Alt innhold.Det er minst to måter å finne og navigere til innhold innenfor et sett av nettsider, og brukeren kan finne og nå det aktuelle innholdet.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.4.6aOverskrifter beskriver innholdet.Overskrifter.For synlige overskrifter skal overskrift beskrive emnet eller formålet med innholdet den hører til.
    2.4.6bLedetekster beskriver skjemaelement.Skjemaer.For synlige ledetekster skal ledetekst beskrive emnet eller formålet med brukergrensesnittkomponenten den hører til.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.4.7aInnhold som kan brukes med tastatur, får synlig fokusmarkering.Betjeningskomponenter.

    Alle elementer som det er mulig å navigere til med tastaturet, får synlig fokusmarkering og markeringen er ikke tidsbegrenset.

    • Dersom det kun er mulig å navigere til ett enkelt element på nettsiden med tastaturet, er kravet oppfylt.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.5.1aFlerpunkts- eller stibaserte gester kan betjenes med en enkelt pekerbevegelse.Betjeningskomponenter.

    All funksjonalitet som krever at brukeren benytter flerpunktsgest eller stibasert gest, skal kunne betjenes med en enkelt pekerbevegelse.

    • Med mindre flerpunktgest eller stibasert gest er avgjørende.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.5.2aEnkel pekerbevegelse kan avbrytes.Betjeningskomponenter.

    For funksjonalitet som kan betjenes med en enkel pekerbevegelse skal minst én av følgende være oppfylt:

    • Trykkhandlingen (down-event) fra brukeren utløser ikke funksjonalitet.
    • Funksjonen utføres på slipphandlingen (up-event), og det finnes en mekanisme
      • for å avbryte funksjonen før den utføres, eller
      • for å angre funksjonen etter at den er utført.
    • Slipphandlingen (up-event) opphever resultatet av den foregående trykkhandlingen (down-event).
    • Det er avgjørende å utføre funksjonen på trykkhandlingen (down-event).
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.5.3aSynlig ledetekst er en del av tilgjengelig navn.Skjemaer.

    For brukergrensesnittkomponenter med ledetekster som inneholder tekst eller bilder av tekst, som støtter tilgjengelig navn, gjelder en av følgende:

    • Synlig (visuell) ledetekst og tilgjengelig navn (accessible name) er identiske.
    • Tilgjengelig navn (accessible name) inneholder samme tekst, i samme rekkefølge som synlig (visuell) ledetekst.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    2.5.4aAlternativer til bevegelsesaktivering.Betjeningskomponenter.

    For funksjonalitet som kan brukes med å bevege enheten eller gjennom brukerbevegelser, gjelder følgende:

    • Funksjonaliteten kan også brukes med vanlige brukergrensesnittkomponenter, og
    • Brukeren kan slå av bevegelsesaktivering av innhold via innstillinger gitt av innholdsprodusent eller i brukeragenter, på systemnivå.
    • Kravet gjelder med mindre:
      • Støttet grensesnitt: Bevegelsen er brukt for å betjene funksjonalitet gjennom et grensesnitt som er tilgjengelighetsstøttende.
      • Avgjørende: Bevegelsen er avgjørende for funksjonaliteten, og det vil gjøre aktiviteten ugyldig.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    3.1.1aHovedspråket på nettsiden er programmatisk bestemt.Alt innhold.
    • Nettsiden har en gyldig språkkode i HTML, og
    • Språkkoden som er angitt stemmer med hovedspråket på den aktuelle nettsiden.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    3.1.2aInnhold på et annet språk enn hovedspråket er programmatisk bestemt.Alt innhold.
    • Deler av innhold som er på et annet språk enn hovedspråket på nettsiden har en gyldig språkkode i koden, og
    • Valgt språkkode samsvarer med språket som den aktuelle delen av innholdet er skrevet på.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    3.2.1aFokus fører ikke til automatisk kontekstendring.Betjeningskomponenter.Det er mulig å navigere gjennom nettsiden uten automatisk kontekstendring når brukergrensesnittkomponenter får fokus.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    3.2.2aEndret innstilling i brukergrensesnittkomponenter fører ikke til kontekstendring.Skjema.
    • Dersom endring av innstillinger i brukergrensesnittkomponenter fører til automatisk kontekstendring, informeres brukeren på forhånd, og
    • Informasjonen er plassert i tråd med ett av følgende alternativer
      • på starten av siden med komponenten
      • på samme steg i prosessen som inneholder komponenten
      • rett før den aktuelle komponenten i leserekkefølgen
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    3.2.3aNavigeringsmekanismer som blir gjentatt, har konsekvent rekkefølge.Betjeningskomponenter.Navigeringsmekanismer, som blir gjentatt på minst to nettsider innenfor et sett av nettsider, opptrer i samme relative rekkefølge på alle disse nettsidene.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    3.2.4aBrukergrensesnittkomponenter med samme funksjonalitet, har konsekvent visuell utforming og tilgjengelig navn.Betjeningskomponenter.

    Alle brukergrensesnittkomponenter, som har samme funksjonalitet innenfor et sett av nettsider, identifiseres på en konsekvent måte.

    • Konsekvent identifikasjon omfatter både synlig identifikasjon og tilgjengelig navn.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    3.3.1aSkjema gir feilmelding hvis tomme obligatoriske skjemafelt blir oppdaget automatisk.Skjemaer.

    Dersom det blir oppdaget automatisk at obligatoriske skjemaelement ikke er fylt ut, er følgende punkter oppfylt:

    • Skjemaelementet der feilen oppstod identifiseres.
    • Brukeren får en presis tekstlig beskrivelse av feilen.
    • Feilmeldingen er kodet som tekst.
    3.3.1bSkjema gir feilmelding hvis feil inndata blir oppdaget automatisk.Skjemaer.

    For skjemaelementer der inndatafeil blir oppdaget automatisk, er følgende punkter oppfylt:

    • Skjemaelementet der feilen oppstod identifiseres.
    • Brukeren får en presis tekstlig beskrivelse av feilen
    • Feilmeldingen er kodet som tekst.
    • Informasjonen blir liggende i skjemaet, med mindre informasjonen er knyttet til personvern eller sikkerhet.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    3.3.2aInndataelementer har instruksjon eller ledetekst.Skjemaer.
    • Det vises ledetekster eller instruksjoner, når innholdet krever inndata fra brukeren, og
      • Ledetekst eller instruksjon er alltid synlig eller blir synlig når inndataelement er i fokus, og
      • Ledetekst eller instruksjon forblir synlig så lenge inndataelement er i fokus, og
      • Ledetekst eller instruksjon er plassert i eller rett ved inndataelement
    • Dersom alle inndataelementer er obligatoriske, er det tilstrekkelig at det er opplyst om det i starten av skjemaet
    • Dersom skjemaet består av både obligatoriske og frivillige inndataelement, er det i tillegg
      • Opplyst hvilke inndataelement som er obligatoriske, og
      • Merking av obligatoriske inndataelement med ikon/symbol/bilde, er forklart før det blir tatt i bruk første gang
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    3.3.3aSkjema gir forslag til retting, hvis inndatafeil blir oppdaget automatisk.Skjemaer.

    For inndataelement der inndatafeil blir oppdaget automatisk, og det finnes kjente forslag til retting får brukeren

    • et forslag med informasjon om hvordan feil kan rettes, og
    • forslaget er kodet som tekst, og
    • det er enkelt for brukeren å navigere til feilen, og
    • inndata blir liggende i inndataelementet, med mindre informasjonen er knyttet til sikkerhet
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    3.3.4aSkjema med juridisk eller økonomisk formål lar brukeren angre eller kontrollere, rette og bekrefte informasjon.Skjemaer.

    For nettsider som medfører juridiske forpliktelser eller krever økonomiske transaksjoner fra brukeren, endrer eller sletter brukerstyrte data i datalagringssystemer, eller sender svar på tester utført av brukeren, gjelder minst ett av følgende alternativer:

    • Før innsending kontrollerer nettsiden om informasjon brukeren angir har inndatafeil og brukeren får korrigere eventuelle inndatafeil.
    • Før innsending har nettsiden en mekanisme som lar brukeren gjennomgå, korrigere og bekrefte informasjon, mekanismen er separat fra innsending og den er et obligatorisk skjemaelement.
    • Etter innsending får brukeren informasjon om hvordan en kan angre innsendingen, og innsending blir angret.
    3.3.4bBrukeren kan bekrefte eller angre sletting av lagret informasjon.Skjemaer.

    For nettsider som sletter brukerstyrte data i datalagringssystemer, gjelder minst ett av følgende alternativer:

    • Før innsending har nettsiden en mekanisme som lar brukeren bekrefte sletting, mekanismen er separat fra innsending og den er et obligatorisk skjemaelement.
    • Etter innsending får brukeren informasjon om hvordan en kan angre sletting, og sletting blir angret.
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    4.1.2aFor skjemaelementer kan tilgjengelig navn, rolle og tilstand bestemmes programmatisk.Skjemaer.

    Navn og rolle:

    • Alle skjemaelementer har et tilgjengelig navn, som beskriver formålet med det aktuelle elementet, og
    • Alle skjemaelementer har riktig rolle, som identifiserer funksjonen til det aktuelle elementet, og
    • Skjemaelementer som tilhører en gruppe, er også koblet til et tilgjengelig navn som gjelder for gruppen

    Tilstander, egenskaper og verdier:

    • Når tilstander, egenskaper og verdier i skjemaelementer kan angis av brukeren, skal denne informasjonen også angis programmatisk, og
    • Varsel om endringer i det aktuelle elementet er tilgjengelig for brukeragenter
    4.1.2bFor knapper kan tilgjengelig navn, rolle og tilstand bestemmes programmatisk.Betjeningskomponenter.

    Navn og rolle:

    • Knapper har et tilgjengelig navn, som beskriver formålet med den aktuelle knappen, og
    • Knapper har riktig rolle, som identifiserer funksjonen til den aktuelle knappen

    Tilstander, egenskaper og verdier:

    • Når tilstander, egenskaper og verdier ved knappen kan angis av brukeren, skal denne informasjonen også angis programmatisk, og
    • Varsel om endringer i den aktuelle knappen er tilgjengelig for brukeragenter
    4.1.2cIframe har et tilgjengelig navn som beskriver formålet med innholdet i iframe.Iframe.Der det er brukt iframe-elementet, har iframe et tilgjengelig navn, som beskriver formålet med innholdet i iframe.
    4.1.2dFor menyelementer kan tilgjengelig navn, rolle og tilstand bestemmes programmatisk.Betjeningskomponenter.

    Navn og rolle:

    • Menyelementer har et tilgjengelig navn, som beskriver formålet med det aktuelle elementet, og
    • Menyelementer har riktig rolle, som identifiserer funksjonen til det aktuelle elementet

    Tilstander, egenskaper og verdier:

    • Når tilstander, egenskaper og verdier i menyelementer kan angis av brukeren, skal denne informasjonen også angis programmatisk, og
    • Varsel om endringer i det aktuelle menyelementet er tilgjengelig for brukeragenter
    NrTestregelTestobjektHvordan oppnå samsvar med kravet
    4.1.3aStatusbeskjeder kan bestemmes programmatisk.Statusmelding.

    For statusbeskjeder, som implementeres ved hjelp av oppmerkingsspråk, gjelder følgende:

    • Resultatet av en handling skal kodes med
      • role="status" eller
      • aria-live="polite"
    • Ventetilstand skal kodes med
      • role="status" eller
      • aria-live="polite"
    • Feil skal kodes med
      • role="alert" eller
      • aria-live="polite" eller
      • aria-live="assertive"
    • Fremdriften i en prosess skal kodes med
      • role="progressbar" eller
      • elementet <progress> eller
      • role="log" eller
      • role="status" og aria-atomic="false" eller
      • aria-live="polite" og aria-atomic="false"