maria d'andrea

Forestil dig følgende situation:

En virksomhed lancerer en ny, visuelt imponerende hjemmeside med store, stemningsfulde billeder, minimalistiske skrifttyper og et elegant farvevalg i lyse gråtoner. Ved første øjekast ser resultatet fantastisk ud. Men for en bruger med nedsat syn er den lyse tekst meget vanskelig at læse mod den hvide baggrund. For en ældre bruger med nedsat finmotorik kan de små navigationsknapper være vanskelige at ramme præcist. Og for en studerende, der bruger en skærmlæser, fremstår sidens indhold uoverskueligt og ulogisk organiseret, fordi overskrifterne kun er formateret visuelt og ikke markeret semantisk i koden.

Denne type barrierer findes stadig på mange websites. Et design er ikke “godt”, hvis det kun fungerer for en lille del af befolkningen. Digital tilgængelighed handler om at reducere barrierer, så så mange mennesker som muligt kan opfatte, forstå, navigere i og anvende digitale løsninger. Det er ikke blot en teknisk tjekliste, man gennemgår til sidst i et projekt; det er en grundlæggende del af selve designkvaliteten.

Hvad betyder digital tilgængelighed?

I sin simpleste form betyder digital tilgængelighed, at dine digitale løsninger er designet og kodet således, at personer med funktionsnedsættelser kan bruge dem. Men det rækker langt videre end det. Det handler om at fjerne de barrierer, der opstår, når menneskers evner møder dårligt designet teknologi.

For at gøre dette operationelt arbejder vi ofte ud fra de fire grundprincipper i WCAG (Web Content Accessibility Guidelines), også kendt som POUR:

1. Perceivable – opfattelig: Information og komponenter i brugergrænsefladen skal kunne opfattes af brugeren.
2. Operable – anvendelig: Navigation og interaktion skal kunne betjenes, eksempelvis udelukkende ved hjælp af et tastatur.
3. Understandable – forståelig: Indhold og funktioner skal være klare, konsistente og forudsigelige.
4. Robust – robust: Indhold og kode skal kunne fortolkes pålideligt af forskellige browsere og hjælpemidler, også når teknologien udvikler sig.

Flere tilgængelighedsprincipper kan samtidig understøtte en tydeligere informationsstruktur og gøre indholdet lettere at forstå for både brugere og søgemaskiner. Tilgængelighed er dog ikke i sig selv en garanti for en bedre placering i søgeresultaterne.

Tilgængelighed handler om flere mennesker, end vi tror

Mange begår den fejl at tro, at tilgængelighed kun er relevant for en lille gruppe af blinde brugere. Men sandheden er, at god tilgængelighed forbedrer oplevelsen for os alle.

• Personer med varige funktionsnedsættelser: Det kan blandt andet være personer med syns- eller hørenedsættelse, motoriske funktionsnedsættelser, ordblindhed, autisme eller andre kognitive og neurologiske forudsætninger.
• Ældre brugere: Efterhånden som vi bliver ældre, svækkes vores syn, hørelse og finmotorik naturligt. Tydelig kontrast og tilstrækkeligt store klikflader kan derfor få stor betydning.
• Midlertidige udfordringer: Hvis du har brækket din arm, skal navigere på en mobil i skarpt sollys eller sidder i et tog med en meget langsom forbindelse, nyder du godt af et design, der er tænkt til at være robust og letlæseligt.

Tre problemer, jeg ofte kontrollerer

Når jeg analyserer et website for tilgængelighed, støder jeg gang på gang på de samme tre barrierer, som ofte er lette at rette, hvis man kender til dem.

1. For lav farvekontrast

Dette er et af de mest udbredte problemer. Hvis teksten er for lys eller baggrunden for urolig, bliver indholdet ulæseligt for mange. De grundlæggende minimumskrav er klare: For almindelig tekst kræver WCAG 2.2 som udgangspunkt et kontrastforhold på mindst 4,5:1. For stor tekst – mindst 18 pt i normal skrift eller 14 pt i fed skrift – er minimumskravet 3:1.

2. En uklar overskriftsstruktur

Overskrifter (H1, H2, H3 osv.) er ikke kun et spørgsmål om visuel størrelse; de er sidens “usynlige kort”. Skærmlæsere bruger dem til at hoppe mellem sektioner.

Som god praksis bør en side normalt have én tydelig hovedoverskrift på niveau H1, som beskriver sidens primære emne. Underoverskrifter bør følge en logisk struktur med H2, H3 og eventuelt lavere niveauer. Det er bedst at undgå at springe niveauer over, når man åbner nye undersektioner.

3. Manglende eller upræcis alt-tekst

Billeder skal have et passende tekstalternativ, når de formidler relevant information. Alt-teksten skal beskrive billedets funktion og betydning i den konkrete sammenhæng – ikke nødvendigvis alle visuelle detaljer.

• Informative billeder: Skal have en kort, præcis beskrivelse af deres formål.
• Dekorative billeder: Skal have en tom alt-attribut (alt=""), så skærmlæseren ignorerer dem og ikke læser filnavnet op. Mange begår fejlen at lade AI generere alt-tekster uden kontrol, hvilket kan føre til meningsløse beskrivelser som “billede af grafik” i stedet for “søjlediagram, der viser udviklingen i salget i 2024”.

Et eksempel fra mit arbejde

I mit analysearbejde med komplekse websites, herunder novonordisk.dk, undersøgte jeg, hvordan mindre tekniske og strukturelle problemer kan skabe væsentlige barrierer. Ved at kombinere AI-værktøjer som NotebookLM og GPT med manuelle kontroller kortlagde jeg blandt andet inkonsekvente overskriftshierarkier, generiske alt-tekster og utilstrækkelig kontrast i udvalgte hero-sektioner.

Analysen identificerede flere billeder, hvor alt-teksterne fremstod generiske eller utilstrækkeligt beskrivende. En mulig forbedring ville være at erstatte dem med kontekstafhængige alternativer, når billederne formidler relevant information.

Analysen var en faglig screening gennemført som en del af mit studiearbejde. Den var ikke bestilt eller godkendt af Novo Nordisk og udgjorde ikke en officiel eller fuldstændig tilgængelighedsrevision af virksomhedens website.

En enkel kontrol, du kan udføre i dag

Du behøver ikke være ekspert for at starte. Her er en hurtig tjekliste til din egen hjemmeside:

• Læsbarhed: Er teksten delt op i korte afsnit på 3-4 linjer?
• Kontrast: Er teksten tydelig under forskellige lysforhold? Kontrollér derefter det faktiske kontrastforhold med et kontrastværktøj. Almindelig tekst skal som udgangspunkt have et kontrastforhold på mindst 4,5:1.
• Overskrifter: Prøv at fjerne alt design og se kun på teksten – giver rækkefølgen af overskrifter stadig mening?
• Billeder: Har dine vigtige billeder en passende alt-tekst, der formidler deres funktion eller betydning?
• Tastatur: Kan du navigere gennem hele menuen udelukkende ved at bruge ‘Tab’-tasten på dit tastatur?

---

Lovgivningsmæssig kontekst

EU’s European Accessibility Act, som er fastlagt i direktiv (EU) 2019/882, har siden den 28. juni 2025 stillet tilgængelighedskrav til bestemte produkter og forbrugertjenester, blandt andet inden for e-handel, banktjenester, elektronisk kommunikation og persontransport. Reglerne gælder ikke automatisk for alle virksomheder eller alle websites, og der findes både afgrænsninger og undtagelser.

Offentlige myndigheders websites og mobilapplikationer er omfattet af særskilte regler om webtilgængelighed. I Danmark tager de tekniske krav udgangspunkt i den europæiske standard EN 301 549. For websites henviser standarden hovedsageligt til WCAG 2.1. Virksomheder og organisationer bør derfor undersøge, hvilke konkrete krav der gælder for deres produkt, tjeneste og målgruppe.

---

Min faglige refleksion

Som multimediadesigner er min filosofi klar: Tilgængelighed skal tænkes ind fra første blyantstreg. Det er som regel mere effektivt at tænke tilgængelighed ind fra begyndelsen end at forsøge at rette grundlæggende problemer i en færdig løsning. Digital tilgængelighed begrænser ikke kreativiteten; den udfordrer os til at skabe design, der er mere rent, mere logisk og i sidste ende mere menneskeligt.

---

---

Kilder:

• W3C: Web Content Accessibility Guidelines (WCAG) 2.2.
• W3C: Easy Checks – A First Review of Web Accessibility.
• W3C: Understanding Success Criterion 1.4.3 – Contrast (Minimum).
• W3C: Headings – Easy Checks.
• Digitaliseringsstyrelsen: Forstå den tekniske standard EN 301 549.
• EUR-Lex: Direktiv (EU) 2019/882 om tilgængelighedskrav for produkter og tjenester.
• Maria D’Andrea: Best Practice Manual: WCAG og SEO, internt studiemateriale, 2025.