Hopp til hovedinnhold

KORT FORTALT: Sørg for at alt innhold får synlig fokus når du navigerer med tastatur.

    Tolking

    Uu-tilsynets forståelse av det aktuelle kravet. Tolkingen er basert på en juridisk og uu-faglig vurdering og avveining av rettskildene, inkludert W3Cs normative og informative kilder til WCAG (W3C, engelsk). Viktige kilder er suksesskriteriet, WCAGs ordliste, Uu-tilsynets praksis, formål, forståartikkelen, teknikker og failures.

    Krav til samsvar

    Uu-tilsynets beskrivelse av hva som skal til for å oppfylle det aktuelle kravet. Ofte består det også av ulike delkrav. Vanligvis kan kravet møtes på flere måter.

    Testregel

    Uu-tilsynets framgangsmåte (prosedyre) for å teste og ta stilling til om krav til samsvar er oppfylt eller ikke. Vi har ofte flere testregler knyttet til et krav.

    Tastaturbetjente brukergrensesnitt har en bruksmåte der fokusindikatoren for tastaturet er synlig.

    Formål

    Hensikten med kravet er at brukeren skal vite hvor på nettsiden han befinner seg, og hvilket element som har tastaturfokus til enhver tid.

    Brukerbehov

    Kravet er ment å ivareta personer som er svaksynte, har nedsatt kognisjon eller nedsatt motorikk.

    Tilsynets tolking

    Kravet gjelder alle typer innhold og funksjonalitet som kan betjenes med tastatur eller tastaturgrensesnitt. Synlig fokusmarkering hjelper brukeren å orientere seg på nettsiden og å identifisere innholdet.

    Dersom fokusmarkeringen er vanskelig å oppfatte for brukeren, er kravet etter tilsynets vurdering ikke oppfylt. Dette har støtte i både ordlyden, formålet med kravet og beskrivelser av situasjoner som bryter med kravet.

    Hverken ordlyden, ordlisten til WCAG eller andre relevante kilder gir nærmere føringer for hva som kreves for at fokusmarkeringen skal være «synlig». I grensetilfeller gjør tilsynet en totalvurdering av om kravet er oppfylt.

    Vanlige eksempler på synlig fokusmarkering er

    • ramme, linje eller understreking
    • endret farge på bakgrunn eller tekst
    • skyggelegging
    • tekstmarkør (loddrett strek) eller markering av tekst i skjemafelt
    • annen type visuell forandring

    Alle nettlesere har en innebygget standardmarkering av elementet som er i fokus. Markeringen er ofte en stiplet eller heltrukken linje, som omgir elementet. Både bakgrunnsfarge, mønster og farge på enkeltelementer påvirker om fokusmarkeringen er synlig i praksis.

    Avhengig av utseendet på nettstedets elementer kan fokusmarkeringen være utilstrekkelig på alle eller noen elementer.

    Hvis standardmarkeringen i nettleseren eller fokusmarkeringen som er angitt av innholdsprodusenten er for svak, skal dette korrigeres med å legge til mer styling i CSS.

    Ifølge forståartikkelen er kravet automatisk oppfylt dersom det bare er ett enkelt element på nettsiden som kan brukes med tastaturet. I slike tilfeller er det ikke nødvendig å skille det aktuelle elementet fra annet innhold som kan navigeres til med tastaturet, og som får fokus.

    Presisering for apper

    Fokusmarkering i apper kan ikke testes uten eksternt tastatur. I tillegg er det å koble til eksternt tastatur ikke en vanlig bruksmåte for apper, selv om noen bruker det med nettbrett. Fokusmarkering i apper kommer fra hjelpemiddelteknologi eller OS. Tilsynet har ikke prioritert å lage testregel for dette kravet for apper.

    Det er flere måter å oppfylle kravet på.

    Krav til samsvar

    • 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.

    Krav til samsvar gjelder tilsvarende for apper og dokumenter.

    Kommentar

    Tilsynet har ikke prioritert å lage testregel for dette kravet for apper.

    I WCAG 2.2 (W3C, engelsk), er det to nye suksesskriterier på nivå AA, relatert til fokus og synlighet. Dette er 2.4.11 Focus Not Obscured (Minimum) (W3C, engelsk) og 2.4.13 Focus Appearance (W3C, engelsk). Vi gjør oppmerksom på at WCAG 2.2 ikke er en del av regelverket.

    Løsningsforslag og eksempler

    Du finner veiledning til dette kravet i løsningsforslagene:

    Merk at løsningsforslag for et tema kan dekke flere WCAG-krav.