Tilgjengelighet

Alle fargepar sjekkes mot WCAG AA i begge temaer, alle sider kjøres gjennom axe-core, og utskrift verifiseres som PDF. Under står hva systemet gjør selv, og hva du må gjøre i hvert dokument.

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