Hopp til hovedinnhold

Kunnskapsbase

Alt du trenger å vite om universell utforming og WCAG. Praktiske guider, krav og tips for utviklere, designere og innholdsprodusenter.

Artikler merket med «niva-aa»

Vis alle

Trenger videoen din synstolking? (WCAG 1.2.5)

Forhåndsinnspilte videoer bør ha synstolking for å beskrive viktig visuell informasjon via lyd. Gjelder offentlige virksomheter.

wcag niva-aa multimedia

Kontrast på ikoner, knapper og grafikk (WCAG 1.4.11)

Grafiske elementer og brukergrensesnittkomponenter må ha et kontrastforhold på minst 3:1 mot omkringliggende farger.

wcag niva-aa design

Gjør tastaturfokus synlig (WCAG 2.4.7)

Alle interaktive elementer må ha en tydelig, synlig fokusindikator når de navigeres med tastatur.

wcag niva-aa navigasjon +1

Merk fremmedspråk i koden (WCAG 3.1.2)

Innhold på et annet språk enn resten av siden må markeres med riktig lang-attributt i koden.

wcag niva-aa koding

For lav fargekontrast

Tekst må ha nok kontrast mot bakgrunnen for å være lesbar. Lær WCAG 1.4.3, hvordan du måler kontrast og hvilke CSS-endringer som fungerer.

wcag niva-aa design

Autofullfør i skjema

Lær hvordan autocomplete-attributtet i HTML hjelper brukerne å fylle ut skjemaer raskere og med færre feil, og hvordan du bruker det riktig i WCAG-arbeidet.

wcag niva-aa skjema +1

Zoom og responsivitet

Slik oppfyller du WCAG 1.4.4 og 1.4.10 – krav om 200 % tekstforstørring og 400 % reflow uten horisontal scroll.

wcag niva-aa design

Formidle endringer uten å flytte fokus (WCAG 4.1.3)

Viktige statusmeldinger må formidles til hjelpemidler uten å flytte fokus, ved hjelp av ARIA live regions.

wcag niva-aa koding

Hjelp brukeren å rette skjemafeil (WCAG 3.3.3)

Når en feil oppdages automatisk, gi brukeren et konkret forslag til hvordan feilen kan rettes.

wcag niva-aa skjema

La brukeren kontrollere viktige innsendinger (WCAG 3.3.4)

For handlinger med juridiske eller økonomiske konsekvenser må brukeren kunne angre, kontrollere eller bekrefte.

wcag niva-aa skjema

Hold navigasjonen lik på tvers av sider (WCAG 3.2.3)

Navigasjonsmenyer som finnes på flere sider skal ha samme rekkefølge og plassering overalt.

wcag niva-aa navigasjon

Bruk like navn for like funksjoner (WCAG 3.2.4)

Elementer med samme funksjon skal se like ut og ha samme navn på tvers av alle sider.

wcag niva-aa design +1

Tilby flere veier til innholdet (WCAG 2.4.5)

Brukere skal ha mer enn én måte å finne frem til innhold på nettstedet, som søk, nettstedskart eller meny.

wcag niva-aa navigasjon

Sørg for at tekstavstand kan justeres (WCAG 1.4.12)

Brukere må kunne overstyre tekstavstand uten at innhold eller funksjonalitet går tapt.

wcag niva-aa design +1

Kontroller innhold som dukker opp ved hover og fokus (WCAG 1.4.13)

Innhold som dukker opp ved hover eller fokus må kunne lukkes, holdes synlig og ikke forsvinne uventet.

wcag niva-aa navigasjon +1

Bruk ekte tekst, ikke bilder av tekst (WCAG 1.4.5)

Bruk ekte tekst i stedet for bilder av tekst, slik at innholdet kan tilpasses og leses av hjelpemidler.

wcag niva-aa tekst-og-bilder +1

La brukeren velge skjermretning (WCAG 1.3.4)

Brukere må kunne velge om innholdet vises i stående eller liggende retning, uten tap av funksjonalitet.

wcag niva-aa design