Forestil dig dette: Du har lige lanceret dit nye, smukke website. Farverne popper, skrifttyperne danser, og animationerne får folk til at måbe. Men så kommer det uundgåelige spørgsmål fra den opmærksomme kollega, der altid har en finger på pulsen: "Lever det egentlig op til kravene for webtilgængelighed?"
Panik! Hvad nu hvis din fantastiske nye side ikke er tilgængelig for alle, der kunne få glæde af den? Og hvad hvis den ikke lever op til de kommende krav i EU Accessibility Act, som du jo godt nok har hørt kommer i juni 2025, men som du ikke riiigtigt har forholdt dig til endnu?
Bare rolig, vi har din ryg. At gøre dit website tilgængeligt er ikke så skræmmende, som det lyder. Faktisk kan det være en fantastisk mulighed for at gøre din online tilstedeværelse endnu bedre og nå ud til flere brugere.
Et øget fokus på accessibility er nemlig også et øget fokus på din brugeroplevelse for alle dine brugere – og ikke kun dem, der har en form for handicap eller funktionsnedsættelse, der begrænser eller besværliggør deres brug af dine digitale produkter.
Derfor er det både en etisk, juridisk og forretningsmæssigt god idé at gøre dit website mere tilgængeligt. Og endnu bedre er det, hvis I også kan lykkes med at gøre webtilgængelighed til et fast punkt på dagsordenen i alle jeres digitale projekter.
Det er trods alt federe at være på forkant end på bagkant. Så lad os se nærmere på, hvordan du får det lange, tilgængelige ben foran.
Webtilgængelighed for nybegyndere
Først og fremmest er det vigtigt at forstå de grundlæggende principper i webtilgængelighed, som defineret af Web Content Accessibility Guidelines (WCAG). WCAG 2.1 er opdelt i fire hovedprincipper:
- Opleveligt (Perceivable): Sørg for, at alle brugere kan opfatte indholdet. Dette inkluderer brug af tekstalternativer til billeder, tilgængelige multimedier og passende farvekontraster. Tænk på det som at sikre, at alle kan se og høre din fantastiske PowerPoint-præsentation af dine to uger på Bali – det skal alle jo opleve.
- Betjeneligt (Operable): Alle funktioner på websitet skal kunne bruges med forskellige indgangsvinkler, såsom tastatur eller skærmlæser. Sørg for god og intuitiv keyboard-navigation og undgå for mange tidsbegrænsninger.
- Forståeligt (Understandable): Indholdet skal være læsbart og forståeligt. Brug klart og enkelt sprog, forudsigelig navigation og hjælp til at udfylde formularer. Hvis du nogensinde har forsøgt at samle et IKEA-møbel uden vejledning, ved du, hvor vigtigt dette er.
- Robust (Robust): Websitet skal være kompatibelt med forskellige hjælpemidler og browsere. Brug korrekt HTML og ARIA (Accessible Rich Internet Applications) for at sikre dette. Tænk på det som at bygge en bro, der kan holde til både biler, cykler og fodgængere – det skal kunne klare lidt af hvert og holde i lang tid.
Hvis du forstår tankegangen bag disse fire principper, behøver retningslinjerne i WCAG ikke at være kedelig udenadslære. Så bliver det i stedet en måde at skabe retning for hele udviklingsprocessen – uanset om du er designer, UX’er, udvikler eller tester. Og det er der, vi gerne vil hen.
Start med designet
Langt de fleste it-løsninger i dag udføres via agile udviklingsprocesser. Og langt de fleste agile udviklingsprocesser starter med, at man designer løsningen.
Derfor er designfasen et vigtigt udgangspunkt for webtilgængelighed. Ved at tænke tilgængelighed ind i designet fra starten, kan du undgå mange potentielle problemer senere. Her er nogle designaspekter, du skal overveje:
- Farver og kontraster: Vælg farver, der opfylder kontrastkravene, for at sikre læsbarhed for alle brugere. Brug værktøjer som Contrast Checker for at evaluere farvekontrasterne. Husk, en blå tekst på en grøn baggrund kan måske være smukt, når du lige sidder med det efter 5 timer i Figma, men dine brugere vil nok være uenige.
- Typografi: Brug skrifttyper, der er nemme at læse, og sørg for tilstrækkelig linjeafstand. Hierarkiske typografier hjælper med at skabe en klar struktur i indholdet. Det vil alle dine brugere sætte pris på – også dem der har glemt sine læsebriller.
- Navigation: Design intuitiv og letforståelig navigation med klare og beskrivende etiketter. Sørg for, at navigationselementer kan tilgås med tastatur alene. Ingen ønsker at fare vild på dit website, så gør det nemt som en vandrerute med masser af skilte.
- Billeder og multimedier: Tilføj alt-tekster til billeder og undertekster til videoer for at gøre dem tilgængelige for brugere med syns- eller hørevanskeligheder. Forestil dig, at du beskriver billederne for nogen over telefonen – hvad ville du sige?
Der findes mange anvendelige plugins til Figma og Miro, så man løbende kan tjekke op på tilgængeligheden, mens man designer. Det kan være en sand accessibility-life-saver, så man for eksempel ikke ender med at have to primære farver i sit design, der ikke lever op til kravene. Eller en font, der skal blæses helt op i størrelse 120 for at kunne læses ordentligt.
Bedst i test
For at sikre, at dit website er tilgængeligt, er det vigtigt at teste det regelmæssigt. Brug en kombination af automatiske og manuelle tests for at få et nuanceret billede af din tilgængelighed:
- Automatiske Tests: Værktøjer som Google Lighthouse, WAVE og axe DevTools kan give en hurtig indikation af tilgængelighedsproblemer. Husk dog, at de kun kan identificere omkring 50% af problemerne. Tænk på dem som din pålidelige men lidt glemsomme assistent.
- Manuelle Tests: Udfør manuelle tests for at få en dybdegående vurdering af tilgængeligheden. Brug skærmlæsere, simulér forskellige funktionsnedsættelser, og gennemgå kode og indhold manuelt.
Derfor er vores råd at indlægge faste tests i udviklingsprocessen, så I får gjort det til en god vane at teste webtilgængeligheden undervejs. Det er også den bedste måde at fange ting i opløbet i stedet for at skulle bruge udviklingstimer på rettelser, når QA’erne finder fejlene senere.
Faste tests. Så er I altid et skridt foran jer selv.
Vi har skrevet et indlæg om, hvordan du bedst tester dine løsninger for webtilgængelighed her.
