Tilgjengelighet

Systemet lages for én husholdning, men bygges som om det var for alle. Det koster lite når det er med fra starten, og det gjør dokumentene bedre for alle som leser dem – på papir, på en iPad i mørket, eller med skjermleser.

Kontrast, levende

Tabellen under leser fargene fra stilarket i temaet du ser nå og regner ut kontrast etter WCAG 2.x. Tekst krever 4,5:1, store overskrifter og grafikk 3:1. Bytt tema øverst for å se det andre settet. Den samme sjekken kjøres automatisk i repoet på hvert par i begge temaer.

Det systemet gjør for deg

• Synlig fokus på alt som kan få tastaturfokus: 2 px ring i aksentfargen, med avstand.
• Hopp-lenke (.nd-skip-link) som blir synlig ved fokus.
• Skjult tekst (.nd-sr-only) for det som bare skal leses opp – som «ikke oppgitt» bak en tankestrek.
• Redusert bevegelse: alle animasjoner slås av når brukeren har bedt om det. Grafer tegnes uten animasjon.
• Tvungne farger (høykontrastmodus i Windows): ornamentene tegnes i tekstfargen så de ikke forsvinner.
• Print er lyst uansett tema på skjermen – og streker i rutenett tvinges til å skrives ut.
• Målstørrelser: knapper og velgere er minst 32 px høye (kravet er 24 × 24).

Det du må gjøre selv

• Skriv alt-tekst som beskriver bildet på norsk – ikke filnavnet.
• Bruk <th> og gjerne <caption> i tabeller. scope når hodet ikke er åpenbart.
• Én h1, deretter h2 og h3 i rekkefølge – ikke hopp over nivåer for å få mindre skrift.
• Hver graf får en datatabell. Hver farge i en graf får et navn i legenden.
• Statusfarge kommer aldri alene: «Frakoblet» står med ord, ikke bare rødt.
• Sett lang="nb" på dokumentet.

Verifikasjon i repoet