Vil du hurtigt finde ud af, hvordan din hjemmeside klarer sig på tilgængelighed?
Her får du en praktisk gennemgang, du kan følge trin for trin — uden at være udvikler eller have læst hele WCAG-standarden først.
Det startede egentlig bare med et klik.
Eller rettere – et højreklik.
Jeg sad en sen eftermiddag og stirrede på min egen hjemmeside, Clarify.dk. Og pludselig slog det mig: Hvordan føles den egentlig for nogen, der ikke ser, klikker eller læser på samme måde som mig?
Og så gjorde jeg det. Jeg åbnede Lighthouse i Chrome og valgte “Accessibility”.
Et lille klik. Og en stor åbenbaring.
Score, skygger og små skamfulde knapper
Min score var… ikke perfekt. Den lå omkring de 80. Lidt ligesom en eksamen, hvor man godt ved, man har glemt det sidste kapitel.
Men det fede ved Lighthouse er, at den ikke bare dømmer – den viser, hvor skoen trykker.
Et hurtigt tip til dig, der også vil prøve, så kør en lighthouse test som den jeg gjorde.
Kør Lighthouse i Chrome
Sådan gør du:
- Højreklik på en side
- Vælg “Inspicér”
- Gå til fanen Lighthouse
- Vælg Accessibility og klik på “Generate report”
Og bum – så får du et lille reality check. Men på den konstruktive måde.
Mål:
En score over 90 er godt.
Under 80 = Under 80 = her er noget at kigge på.
Eksempel? Se min Lighthouse-test for Clarify.dk her (nej, den er ikke perfekt – men man skal jo starte et sted):
Tjek farvekontraster
En af mine første fejl? Kontrast.
Jeg elsker bløde farver og minimalistisk design.
Men lysegrå tekst på hvid baggrund? Det er som at hviske i en storm.
Så jeg tog et smut forbi Contrast Checker og legede lidt med hexkoder.
- Er der god kontrast mellem tekst og baggrund?
- Tekst må ikke være fx lysegrå på hvid baggrund.
Minimum:
Stor tekst (18px+) = Kontrast på 3:1
Normal tekst = Kontrast på 4.5:1
Det føltes lidt som at tage brillerne på og se sin egen tekst med nye øjne.
Tab dig frem – uden mus, uden støj
Tastaturtesten.
Bare dig, din side og en god gammeldags Tab-tast.
Prøv at trykke Tabulator tasten (til venstre på tastaturet): Tryk. Tryk igen. Og igen.
Spørg dig selv:
- Fanger jeg alle links og knapper?
- Kan jeg se, hvor jeg er?
- Føles det som en naturlig vandring – eller som at fare vild i IKEA uden udgang?
Hvis du pludselig “går i stå”, er det et tegn: Din side har brug for en smule mere struktur.
Alt-tekster og det usynlige sprog
Alt-tekster føles lidt som at skrive små digte til skærmlæsere.
Billedet siger tusind ord – men kun hvis du giver det en stemme.
Jeg brugte Inspicér og tjekkede, om mine billeder sagde noget meningsfuldt.
Ikke bare “billede1.jpg”. Ikke bare ingenting.
- Vigtige billeder = beskrivende alt-tekst
- Pynt og grafik = alt=””
Brug Lighthouse eller højreklik > “Inspicér” og se alt="".
Det føles lidt som at rydde op i en samtale, hvor ikke alle kunne høre med.
H1’er, H2’er og den der følelse af overblik
Jeg ser det tit. En side uden overskrifter er som en roman uden kapitler.
Derfor testede jeg med HeadingsMap – og fik heldigvis bekræftet, at mit kaos var nogenlunde organiseret.
H1 > H2 > H3 – som små SEO-skitser over indholdets hierarki.
Skærmlæsere og sætninger, der skal give mening med lukkede øjne
Det var her, jeg blev mest rørt.
Jeg installerede NVDA og prøvede at få min forside læst op.
Og det var… vildt.
Nogle knapper havde ingen tekst. Nogle sektioner lød som volapyk.
Men midt i det hele hørte jeg også noget smukt: mit budskab, læst op med en rolig stemme.
Det føltes lidt som at blive set – uden at blive set.
Vil du teste, om din hjemmeside giver mening med skærmlæser?
- Windows: NVDA (gratis)
- Mac: VoiceOver (allerede installeret)
- Chrome: ChromeVox
Få læst forsiden op. Er der “knapper uden tekst” eller rod i rækkefølgen? Så er der noget, der skal fikses.
Læs mere. Nej. Læs hvad? – Giver links og knapper mening?
Et sidste kærligt spark til mig selv:
Links som “Læs mere” uden kontekst? Det er som at give nogen et kort uden vejnavne.
- Knappen skal sige, hvad den gør
- Giv knappen en unik tekst, fx: “Læs mere om produktet”
Små ændringer. Stor forskel.
Og så… pop-ups og bevægelser
Du ved det allerede: Intet må hoppe. Alt skal kunne lukkes. Og nej, autoplay er stadig ikke sexet.
Tjek om dette er på din hjemmeside:
- Pop-ups uden luk-knap?
- Autoplay på videoer?
- Elementer der flytter sig, når man klikker?
Alt det kan skabe forvirring — og det tæller negativt i både brugervenlighed og WCAG.
Er din side responsiv og til at zoome i?
Tjek også det hele i mobilvisning. Intet må være låst i bredden, så siden ikke kan skaleres til mobilvisning.
Zoom ind til 200 %.
Føles det stadig læsbart og rart?
Så er du godt på vej.
Tjek mobilvisning i Højreklik > Undersøg element (eller inspicér).
En lille side med stor betydning – Tilgængelighedserklæringen
Det behøver ikke være stort og kompliceret. Bare det at du har en tilgængelighedsside viser, at du tager det alvorligt.
Lav en side med tekst som fx:
“Vi arbejder løbende på at gøre denne hjemmeside tilgængelig for alle. Oplever du problemer, så kontakt os på dinmail@eksempel.dk.”
Det er faktisk en del af dokumentationen, hvis du vil vise du overholder EU’s tilgængelighedslov.
Måske besøger ingen den side.
Måske gør én person – og får lyst til at blive.
Vil du have hjælp til det hele i praksis?
> Se her skabelon til en side med Tilgængelighedserklaring
> Læs her flere blogindlæg om Tilgængelighedserklæring og WCAG loven
FAQ – Spørgsmål til Tilgængelighedserklæring og testen
Det betyder, at alle – uanset syn, motorik eller teknologi – kan bruge og forstå din hjemmeside. Det handler ikke om at være perfekt. Det handler om at gøre en indsats for, at ingen bliver ladt udenfor.
Måske ikke juridisk. Men helt ærligt – burde vi ikke alle bygge et internet, hvor alle kan være med? WCAG er et godt pejlemærke, også for små virksomheder og passionerede solo-projekter.
Start med et Lighthouse-tjek i Chrome. Brug Tab-tasten og mærk, hvordan din side føles uden mus. Og hvis du tør: lyt til den med en skærmlæser. Det er ikke så teknisk, som det lyder – bare lidt grænseoverskridende. På den gode måde.
Så starter du bare et sted. Det vigtigste er ikke at være fejlfri – det er at være i gang. Selv små forbedringer gør en forskel. For nogen derude er din knap måske den, der åbner en hel verden.