Tilgængelighed på hjemmesider og WCAG-retningslinjerne
Sådan sikrer du, at din hjemmeside følger WCAG-retningslinjerne for god webtilgængelighed.
Uanset om målet er at finde en lækker kageopskrift, et nyt produkt eller en nyttig service, er det blevet en fast del af hverdagen for de fleste at søge efter information online. Men for personer med syns-, motoriske eller andre funktionsnedsættelser kan digitalt indhold ofte være svært eller endda umuligt at få adgang til. Det er her Web Content Accessibility Guidelines (WCAG) kommer ind i billedet. De fungerer som en standard for tilgængelighed på hjemmesider og digitalt indhold.
I artiklen "Hvad betyder EU Accessibility Act 2025 for din hjemmeside?" forklarede vi EU’s tilgængelighedsdirektiv, EU Accessibility Act 2025 (EAA), og hvorfor det er nødvendigt for at fremme webtilgængelighed.
I den kontekst spiller WCAG en helt central rolle, da retningslinjerne fastlægger konkrete krav og best practices, der sikrer, at online indhold er tilgængeligt for alle, uanset evner eller begrænsninger.
I denne guide gennemgår vi WCAG-retningslinjerne mere detaljeret og viser, hvordan de hjælper med at nedbryde barrierer og skabe mere inkluderende digitale oplevelser. Du får også konkrete råd til, hvordan du gør din egen hjemmeside tilgængelig.
Hvad er WCAG-retningslinjerne?
Web Content Accessibility Guidelines (WCAG) er internationale retningslinjer, der beskriver, hvordan hjemmesider og digitalt indhold kan gøres tilgængelige for alle brugere, også personer med handicap. De er udviklet af W3C (World Wide Web Consortium) for at give webudviklere klare retningslinjer til at skabe tilgængeligt indhold på nettet.
WCAG blev første gang offentliggjort i 1999 med det formål at fjerne barrierer på internettet. Retningslinjerne indeholder konkrete anbefalinger til både teknisk design og indhold. For de nyeste opdateringer og krav kan du besøge WCAG’s officielle side hos W3C.
Hvorfor er WCAG vigtigt?
WCAG er afgørende for at sikre, at digitalt indhold er tilgængeligt for alle brugere, uanset deres forudsætninger. Retningslinjerne giver klare anvisninger til, hvordan hjemmesider og apps kan designes, så de er nemme at bruge for personer med forskellige typer funktionsnedsættelser.
WCAG og lovgivning
WCAG er ikke kun tekniske anbefalinger, de danner også grundlag for lovgivning som EU’s tilgængelighedsdirektiv (EAA). Virksomheder og offentlige institutioner bliver forpligtet til at gøre deres hjemmesider tilgængelige for at undgå diskrimination.
WCAG sikrer, at kravene til tilgængelighed er standardiserede og målbare, så det er muligt at dokumentere og kontrollere, om de overholdes.
Derfor er tilgængelighed vigtigt i det digitale rum
Digitale barrierer kan være lige så problematiske som fysiske. En utilgængelig hjemmeside udelukker personer med handicap og forhindrer dem i at deltage fuldt ud i samfundet og økonomien. Derfor er tilgængelighed både en teknisk nødvendighed og en vigtig del af inklusion.
De 4 WCAG-principper
Retningslinjerne bygger på fire grundprincipper. Hvert princip hjælper med at identificere og fjerne barrierer, der kan forhindre personer med handicap i at bruge internettet.
1. Opfattelighed (Perceivable)
Information og brugergrænseflader skal præsenteres på en måde, så alle brugere kan opfatte dem.
Eksempler:
- Alternativ tekst til billeder: Billeder bør have alt-tekst, der beskriver indholdet. Det hjælper brugere med skærmlæsere. Eksempel: “Et grønt træ i en park om foråret”.
- Undertekster til video: Videoer bør indeholde undertekster eller transskriptioner, så døve og hørehæmmede kan forstå indholdet.
- Farvekontrast: Tydelig kontrast mellem tekst og baggrund er afgørende, især for farveblinde brugere, og forbedrer samtidig brugeroplevelsen. Læs også vores guide om farver til din hjemmeside.
2. Anvendelighed (Operable)
Brugerflade og navigation skal kunne anvendes af alle – uanset teknologi eller evner.
Eksempler:
- Tastaturnavigation: En hjemmeside skal kunne bruges uden mus. Alle elementer skal være tilgængelige via tastaturet.
- Ingen stramme tidsgrænser: Brugere skal have nok tid til at udføre handlinger, fx udfylde formularer.
- Undgå blinkende indhold: Blinkende elementer kan være skadelige for personer med epilepsi og bør undgås.
3. Forståelighed (Understandable)
Indhold og funktioner skal være lette at forstå.
Eksempler:
- Klart sprog: Undgå komplekse formuleringer. Skriv enkelt og tydeligt. I en CTA kan du fx skrive "Bekræft dine oplysninger her" i stedet for mere teknisk sprog.
- Konsistent navigation: Elementer bør placeres samme sted på alle sider.
- Fejlmeddelelser: Brug klare beskeder som "Indtast en gyldig e-mailadresse" i stedet for "Fejl".
4. Robusthed (Robust)
Hjemmesider skal fungere på tværs af enheder, browsere og hjælpemidler.
Eksempler:
- Responsivt design: Din hjemmeside skal fungere på mobil, tablet og desktop. En hjemmeside, der tilpasser sig automatisk, kaldes en responsiv hjemmeside. Med one.coms Hjemmesideprogram kan du nemt lave en mobilvenlig side.
- Standardteknologier: Brug korrekt HTML og CSS, så indholdet kan læses af hjælpemidler.
- Fejltolerance: Hjemmesider bør designes så robust, at de stadig fungerer, selv hvis enkelte elementer fejler.
Disse fire principper danner fundamentet for WCAG og er afgørende for at skabe en inkluderende digital oplevelse.
De 3 WCAG-niveauer
WCAG opdeler kravene i tre niveauer:
1. Niveau A (minimum)
Grundlæggende krav for tilgængelighed.
Eksempler:
- Alt-tekst til billeder
- Korrekt mærkning af formularer
2. Niveau AA (anbefalet)
Standardniveau for de fleste hjemmesider.
Eksempler:
- Tydelige fejlbeskeder
- Bedre kontrast og navigation
De fleste virksomheder bør mindst opfylde dette niveau.
3. Niveau AAA (højeste niveau)
Avanceret tilgængelighed.
Eksempel:
- Fuld transskription af alt medieindhold
Dette niveau bruges typisk af offentlige institutioner og uddannelsesplatforme.
Lovkrav
EU’s tilgængelighedsdirektiv kræver som minimum WCAG 2.1 niveau AA for mange digitale tjenester.
WCAG og EU Accessibility Act (EAA)
EAA forpligter virksomheder og offentlige institutioner i EU til at gøre deres digitale løsninger tilgængelige.
Krav i henhold til EAA
- Deadline: Digitale tjenester skal være tilgængelige senest 28. juni 2025.
- Konsekvenser: Manglende overholdelse kan føre til bøder og juridiske konsekvenser.
- Kontrol: Hjemmesider skal løbende teste og dokumentere tilgængelighed.
WCAG: Nøglen til en tilgængelig digital verden
WCAG er afgørende for at skabe et digitalt miljø, hvor alle har lige adgang til information og tjenester. Det er ikke kun et teknisk krav, men også en etisk og juridisk standard.
Ved at følge WCAG forbedrer du ikke kun tilgængeligheden, men også brugeroplevelsen for alle. Hjemmesider, der følger WCAG, er mere brugervenlige, når ud til flere mennesker og bidrager til et mere inkluderende samfund.
Gør din hjemmeside tilgængelig. Det gavner både dine brugere og din forretning.