WCAG 2.1 (AA) — webtilgængelighed

It A · STX · A-niveau · Frontend og UX

💻 WCAG 2.1 (AA) — webtilgængelighed

WCAG (Web Content Accessibility Guidelines) udgives af W3C/WAI. Version 2.1 (2018).

Fire principper (POUR): Perceivable (indhold kan sanses): alt-tekst til billeder, undertekster til video, tilstrækkelig farvekontrast.

Operable (brugere kan interagere): tastaturnavigation, ingen tidsbegrænsede handlinger, skip navigation links, ingen blink/flash.

Understandable (indhold er forståeligt): klart sprog, forudsigelig navigation, fejlidentifikation og -beskrivelse.

Robust (fungerer med hjælpeteknologi): valid HTML, korrekt ARIA.

Niveauer: A (minimum), AA (standard krav, EU Web Accessibility Directive), AAA (aspirationsniveau).

EU-krav: Lov om tilgængelighed af offentlige myndigheders websteder (implementerer EU Directive 2016/2102). Fra 2025 gælder EAA (European Accessibility Act) for private.

Tools: axe DevTools, Lighthouse, WAVE, NVDA (gratis skærmlæser), Colour Contrast Analyser.

Hyppige fejl: manglende alt-tekst, utilstrækkelig kontrast (gråt på hvidt), formularer uden labels, mus-kun navigation (ingen tastatur-support).

Læringsmål

• Redegøre for centrale krav i WCAG 2.1 niveau AA
• Vurdere en hjemmesides tilgængelighed
• Foreslå forbedringer der øger tilgængeligheden

Sådan kan du arbejde med emnet

• Kør en WCAG-audit på en hjemmeside med Lighthouse og beskriv de tre vigtigste fund
• Forklar, hvad kontrastforhold er, og beregn om sort tekst på grå baggrund (hex #767676) opfylder WCAG AA
• Diskutér, hvad der er de forretningsmæssige og etiske argumenter for webtilgængelighed

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