UUKontroll
Kunnskapsbase
Alt du trenger å vite om universell utforming og WCAG. Praktiske guider, krav og tips for utviklere, designere og innholdsprodusenter.
Artikler merket med «design»
Vis alleIkke stol kun på form, farge eller plassering (WCAG 1.3.3)
Instruksjoner på nettsiden må ikke kun basere seg på form, farge, størrelse eller plassering for å bli forstått.
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.
Gjør tastaturfokus synlig (WCAG 2.4.7)
Alle interaktive elementer må ha en tydelig, synlig fokusindikator når de navigeres med tastatur.
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.
Kontroll over innhold
Lær hvorfor autoavspilling, karuseller og animasjoner må kunne pauses eller stoppes, og hvordan du oppfyller WCAG 2.2.2 Pause, stopp, skjul.
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.
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.
Unngå blinkende og flimrende innhold (WCAG 2.3.1)
Innhold skal ikke blinke eller flashe mer enn tre ganger per sekund for å unngå anfall hos brukere.
Sørg for at tekstavstand kan justeres (WCAG 1.4.12)
Brukere må kunne overstyre tekstavstand uten at innhold eller funksjonalitet går tapt.
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.
Formidle informasjon med mer enn bare farge (WCAG 1.4.1)
Farge alene skal ikke være den eneste måten å formidle informasjon, indikere en handling eller skille elementer.
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.