Tilgængelighed i Digitale Bookingsystemer
En teknisk gennemgang af WCAG 2.1 AA-krav og tilgængelighedsfunktioner, der er relevante ved digitale booking- og sporingstjenester for ældre brugere.
Indholdsfortegnelse
Hvad er WCAG?
WCAG (Web Content Accessibility Guidelines) er internationale retningslinjer udgivet af W3C (World Wide Web Consortium) for at sikre, at webindhold er tilgængeligt for alle, herunder personer med funktionsnedsættelser.
WCAG 2.1 opererer på tre niveauer: A (minimum), AA (standard) og AAA (optimal). EU's webdirektiv kræver som minimum AA-niveau for offentlige websites. Mange private virksomheder følger frivilligt samme standard.
Synlighed og kontrast
Ældre brugere har ofte nedsat synsskarphed og er mere afhængige af høj farvekontrast og tilstrækkelig skriftstørrelse.
| Krav | WCAG 2.1 AA minimum | Anbefalet for ældre | Niveau |
|---|---|---|---|
| Kontrastratio (brødtekst) | 4,5:1 | 7:1 | AA/AAA |
| Kontrastratio (stor tekst ≥18pt) | 3:1 | 4,5:1 | AA |
| Minimum skriftstørrelse | Ingen absolut grænse | 16px / 1rem | Bedste praksis |
| Linjeafstand | 1,5 × skriftstørrelse | 1,6–1,8 | AA |
| Zoomunderstøttelse | 200% uden tab | 300% | AA/AAA |
| Tekst over billede | 4,5:1 mod baggrund | Undgå hvis muligt | AA |
Navigation og tastatur
Brugere med motoriske funktionsnedsættelser eller tremoler kan have svært ved at bruge en mus præcist. Tastaturnavigation er derfor en kernetilgængelighedsfunktion.
Tab-navigation
Fokusindikatorer
Skip-to-content link
Berøringsvenlighed
Formulartilgængelighed
Bookingformularer er den mest tilgængelighedskritiske del af et digitalt reservationssystem. Fejl her kan effektivt udelukke brugere med funktionsnedsættelser.
| Tilgængelighedskrav | Implementering | WCAG-kriterium |
|---|---|---|
| Label til hvert felt | <label for="felt-id"> eller aria-label | 1.3.1 (A) |
| Beskrivende fejlmeddelelser | Tekst der beskriver fejlen præcist | 3.3.1 (A) |
| Forslag til korrektion | "Indtast e-mail i format: navn@domæne.dk" | 3.3.3 (AA) |
| Obligatoriske felter markeret | Tekstmarkering + aria-required="true" | 3.3.2 (A) |
| Autocomplete-understøttelse | autocomplete="given-name" m.fl. | 1.3.5 (AA) |
| Ingen CAPTCHA som eneste løsning | Alternativ verifikationsmetode skal tilbydes | 1.1.1 (A) |
Tidsgrænser
Mange online booking-systemer implementerer sessionstimeout af sikkerhedshensyn. WCAG stiller krav til, hvordan dette håndteres tilgængeligt.
Advarsel ved timeout
Brugeren skal advares mindst 20 sekunder (WCAG 2.2.1) inden sessionen udløber, med mulighed for forlængelse.
Bevarelse af data
Hvis en session udløber, bør systemet bevare brugerens indtastede data midlertidigt, så de kan genindtastes uden at starte forfra.
Samlet kravtabel — WCAG 2.1 AA for bookingsystemer
| Kategori | Krav | Niveau | Relevant for ældre |
|---|---|---|---|
| Billeder | Alt-tekst på alle informative billeder | A | ✔ Høj |
| Video | Undertekster på al forudindspillet video | A | ✔ Høj |
| Kontrast | 4,5:1 for brødtekst | AA | ✔ Kritisk |
| Navigation | Konsekvent navigationsstruktur | AA | ✔ Høj |
| Formularer | Labels, fejlbeskrivelser, autocomplete | A/AA | ✔ Kritisk |
| Tidsbegrænsning | Advarsel + forlængelsesmulighed | A | ✔ Høj |
| Sprogniveau | Læsbarhedsniveau tilpasset målgruppen | AAA | ✔ Høj |