Verktøy og ressurser

Her finner du verktøyene og ressursene du trenger for å jobbe med universell utforming i hverdagen – enten du designer, utvikler eller tester.

Se Regelverk i Norge for hva som faktisk er lovpålagt akkurat nå.

• WCAG 2.2 – Nyeste versjon av standarden for tilgjengelighet på nett
• Uu-tilsynets veiledning – Norges tilsynsmyndighet for universell utforming av IKT
• EUs tilgjengelighetsdirektiv (EAA) – Skal utvide kravene til privat sektor
• EN 301 549 – Den europeiske standarden som WAD og EAA viser til

Alle offentlige virksomheter – og etter hvert også private – skal publisere en tilgjengelighetserklæring for sine digitale løsninger. Erklæringen skal:

• Beskrive i hvilken grad løsningen oppfyller kravene
• Forklare eventuelt innhold som ikke er universelt utformet, med begrunnelse
• Tilby en tilbakemeldingsfunksjon der brukere kan melde fra om mangler
• Oppdateres minst én gang i året, eller ved større endringer

Uu-tilsynet har en felles løsning for å opprette og publisere tilgjengelighetserklæringer.

• macOS / iOS: VoiceOver – innebygd og godt støttet. Aktiver med Cmd+F5 på Mac.
• Windows: NVDA – gratis og mye brukt. Innebygde Narrator er også et alternativ.
• Android: TalkBack – innebygd i Android.

Tips: På iPhone kan du legge VoiceOver som snarvei under tilgjengelighetsinnstillinger, slik at det enkelt kan slås av og på med tre trykk på sideknappen.

• axe DevTools – Grundig tilgjengelighetstesting i Chrome og Firefox. Identifiserer problemer og foreslår løsninger.
• Wave – Visuell tilgjengelighetstesting fra WebAIM.
• HeadingsMap – Visualiserer overskriftshierarkiet på en side.
• Lighthouse – Innebygd i Chrome DevTools. Kjør en «Accessibility»-audit.

• jest-axe – Integrer axe-core i Jest-tester for å fange opp vanlige tilgjengelighetsfeil automatisk i CI.
• axe-core – Grunnbiblioteket som mange verktøy bygger på. Kan brukes direkte i end-to-end-tester.
• W3C-validator – Sjekk at HTML-koden er korrekt og velformet.

• Vår kontrastsjekker – Sjekk kontrastforhold mot WCAG-kravene direkte her på siden.
• Funkify – Chrome-utvidelse som simulerer ulike funksjonsnedsettelser, inkludert fargeblindhet og tåkesyn.
• Chrome DevTools – Gå til Rendering → Emulate vision deficiencies for å simulere fargeblindhet og svaksynthet.

Se testguiden for kravet i detalj.

• Uu-tilsynets veiledning om synstolking
• Løsningsforslag for synstolking – Konkrete eksempler på hvordan kravet kan løses i praksis

• Uu-tilsynets e-læringskurs – Gratis norsk kurs om å lage tilgjengelig nettinnhold, fra Digdir. Fullt gjeldende for privat sektor, men ikke oppdatert etter webdirektivet for offentlig sektor.
• W3C WAI – Web Accessibility Initiative – Offisielle ressurser fra W3C om tilgjengelighet.
• a11ycasts (YouTube) – Videoserie om tilgjengelighet fra Google Chrome-teamet.
• The A11Y Project – Praktiske tips og sjekklister for tilgjengelighet.
• Inclusive Design Principles – Prinsipper for inkluderende design.