Tilgængelighed (WCAG 2.1)

Informatik C · STX · C-niveau · Interaktionsdesign

💻 Tilgængelighed (WCAG 2.1)

Tilgængelighed (a11y, accessibility) = design der virker for alle, inklusive personer med handicap (synshandicap, hørehandicap, motoriske, kognitive). ~15% af verdens befolkning lever med handicap (WHO). WCAG 2.1 (Web Content Accessibility Guidelines, W3C 2018) er global standard.

4 principper (POUR): Perceivable (kan opfattes — alt-tekst på billeder, undertekster på video, tilstrækkelig farvekontrast), Operable (kan betjenes — keyboard-navigation, ingen flash >3 Hz pga. epilepsi), Understandable (forståelig — klart sprog, forudsigelig navigation), Robust (kompatibel med assistive teknologi — skærmlæsere, switches).

3 niveauer: A (basis), AA (standard, lovligt påkrævet i mange lande), AAA (højeste, svær at opnå overalt).

EU Web Accessibility Directive 2016: alle offentlige websites skal opfylde WCAG 2.1 AA.

EU Accessibility Act 2025: udvidet til private services (banker, e-handel, e-readers).

Test-værktøjer: WAVE, axe DevTools, Lighthouse-accessibility audit, NVDA + JAWS (skærmlæsere).

Eksempler: alt="..."-tekst på billeder, semantic HTML (<button> ikke <div onclick>), ARIA-attributter (role, label), focus management, color contrast 4,5:1 minimum (AA), 7:1 (AAA).

Kritiske fejl: klikbare div'er uden keyboard-tilgang, flashing content, lavt farvekontrast, små klikflader. Inclusive design (Microsoft) udvider tilgængelighed til alle situationer (én hånd ledig, larmende miljø).

Læringsmål

• Anvende designprincipper (konsistens, feedback, affordans)
• Vurdere brugbarhed (usability)
• Lave bruger-test (think aloud, A/B-test)
• Anvende tilgængelighed (WCAG 2.1)
• Designe for skærmlæsere og tastaturnavigation

Sådan kan du arbejde med emnet

• Forklar de fire WCAG-principper (perciperbar, betjenbar, forståelig, robust)
• Kør en tilgængeligheds-audit på en hjemmeside og beskriv de tre vigtigste fund
• Diskutér, hvad der er de forretningsmæssige argumenter for at prioritere webtilgængelighed

Arbejd iterativt med prototyper og dokumentation. Test, evaluér og dokumentér.