Web · 06

Tilgængelighed (WCAG)

Et website, alle kan bruge, og som lever op til lovkrav.

Kontakt os

Sådan arbejder vi med tilgængelighed (wcag)

Tilgængelighed betyder, at sitet kan bruges af mennesker med nedsat syn, hørelse, motorik eller koncentration, og af alle andre på en lille skærm i solen. Konkret handler det om kontrast, tastaturnavigation, skærmlæsere, tydelige fejlbeskeder og forståeligt sprog. Ydelsen findes, fordi European Accessibility Act fra juni 2025 gør det til et krav for de fleste webshops, og fordi utilgængelige sites taber kunder, der ikke kan gennemføre et køb.

Vi auditerer efter WCAG 2.2 niveau AA med automatiske værktøjer som axe og Lighthouse og derefter manuelt med tastatur og skærmlæser (VoiceOver, NVDA) på de vigtigste brugerrejser: søgning, produktside, kurv og checkout. Fundene prioriteres efter, hvor mange brugere de rammer, og rettes i design og kode. Designsystemets komponenter rettes én gang, så alle sider får det med.

Bagefter har I et site, der lever op til WCAG 2.2 AA på de testede rejser, en tilgængelighedserklæring, der beskriver status og undtagelser, og redaktører, der ved, hvordan man skriver alt-tekster og strukturerer overskrifter. Vi leverer en rapport med fund, rettelser og det, der er udskudt med begrundelse, så I kan dokumentere indsatsen over for myndigheder og kunder.

Hvornår det giver mening

  • I driver en webshop og har fået spørgsmål fra en kunde eller en revisor om, hvorvidt I lever op til European Accessibility Act.
  • Kunder ringer, fordi de ikke kan gennemføre checkout, og I har mistanke om, at formularen ikke virker med tastatur eller skærmlæser.
  • I byder på offentlige opgaver, hvor leverandørens website og løsninger skal dokumentere tilgængelighed.
  • Sitet er designet med lys grå tekst på hvid baggrund, og salg melder om, at ældre kunder ikke kan læse priser og vilkår.

Det får du

  1. Audit efter WCAG 2.2
  2. Rettelser i design og kode
  3. Tilgængelighedserklæring
  4. Oplæring af redaktører
Kontakt os

Sådan foregår det

  1. Afgrænsning og automatisk scanning

    Vi fastlægger, hvilke brugerrejser og sidetyper der er omfattet, og kører axe og Lighthouse på tværs af sitet. Det giver et overblik over de fejl, der gentager sig, og hvor de kommer fra: komponent, tema eller indhold.

  2. Manuel test med tastatur og skærmlæser

    De vigtigste rejser gennemgås med tastatur alene og med VoiceOver og NVDA. Hvert fund dokumenteres med skærmbillede, WCAG-kriterium, hvor mange brugere det rammer, og et forslag til rettelse med estimat på timer.

  3. Rettelser i design og kode

    Komponenterne i designsystemet rettes først (kontrast, fokus, labels, ARIA), derefter skabeloner og indhold som overskrifter og alt-tekster. Rettelserne testes igen med tastatur og skærmlæser på de samme rejser, før de går live.

  4. Erklæring, oplæring og opfølgning

    Vi skriver tilgængelighedserklæringen, træner redaktørerne i alt-tekster, overskrifter og linktekster og aftaler en årlig gennemgang, så nye funktioner og indhold holder niveauet. Rapporten med fund og rettelser afleveres som dokumentation.

I dybden

Hvad vi tester, og hvordan

Automatiske værktøjer finder omkring en tredjedel af problemerne, fx manglende alt-tekster og lav kontrast. Resten kræver manuel test: Kan man nå alle funktioner med tastatur, læser skærmlæseren formularfelter og fejl rigtigt, virker filtre og modaler, og kan man gennemføre et køb uden mus. Vi tester de brugerrejser, der giver omsætning, først.

Lovkrav og hvad de betyder for jer

European Accessibility Act stiller krav til ehandel, banker, transport og telekommunikation fra 28. juni 2025 med WCAG 2.1 AA som teknisk grundlag. Det omfatter selve købsflowet, produktinformation og kundeservice. Kravet gælder også nyt indhold og nye funktioner, så tilgængelighed skal ind i design- og redaktørprocessen, ikke kun rettes én gang.

Rettelser i designsystemet frem for side for side

Når knapper, formularer, menuer og kort er tilgængelige som komponenter, er nye sider det automatisk. Vi retter kontrast, fokusmarkering, labels og ARIA i komponenterne først og derefter i indhold: overskriftsstruktur, alt-tekster, linktekster og PDF'er. Redaktørerne får en kort tjekliste og en oplæring på en time, så nyt indhold ikke genindfører de fejl, der er rettet.

Fejl, vi ofte finder

  • Kontrast under 4,5:1 på tekst og knapperLysegrå brødtekst og hvide knapper på lys baggrund fejler WCAG og er svære at læse i dagslys for alle. Vi justerer farvetokens i designsystemet, så kontrasten holder på alle komponenter, uden at identiteten ændres væsentligt.
  • Formularfejl vises kun med rød farveEn skærmlæser læser ikke farve, og en farveblind ser ikke forskellen. Brugeren ved ikke, hvilket felt der fejler, og opgiver. Vi tilføjer tekstbeskeder knyttet til feltet og flytter fokus til første fejl ved indsendelse.
  • Fokusmarkering fjernet af hensyn til designetUden synlig fokusring kan tastaturbrugere ikke se, hvor de er, og checkout bliver ubrugelig. Vi designer en fokusmarkering, der passer til identiteten, og lægger den i designsystemet, så den ikke bliver fjernet igen.

Sådan måler vi effekten

  • Antal WCAG 2.2 AA-fejl på de vigtigste brugerrejser (mål: 0 kritiske)
  • Gennemførelsesrate i checkout for brugere, der navigerer med tastatur
  • Andel af billeder med meningsfuld alt-tekst

Rammer

Pris
Fra 18.000 kr.
Varighed
3–5 uger
Hvem
UX-designer og frontend-udvikler
Kontakt os

Et eksempel fra virkeligheden

En webshop med ca. 1.200 varer skulle leve op til European Accessibility Act inden deadline. Den automatiske scanning fandt 340 fejl, hvoraf de fleste kom fra fem komponenter: produktkort, filter, formularfelter, menu og modal. Vi rettede komponenterne i designsystemet, hvorefter antallet af fejl på tværs af sitet faldt til under 20, og gennemgik checkout manuelt med skærmlæser. Rettelserne tog tre uger, og shoppen fik en tilgængelighedserklæring og en tjekliste til redaktørerne.

Se det i praksis

Cases

t.i.n.g. shop

t.i.n.g. shop

Skræddersyet design og udvikling af møbelshop. Markedsføring gennem PPC med 200% vækst.

Se alle cases
Rigtig Kaffe A/S

Rigtig Kaffe A/S

All-around design, udvikling, branding, strategi og søgemaskineoptimering

Sokkeposten

Sokkeposten

Nyt PrestaShop site og 360 graders digital marketing med SEO og PPC annoncering.

Poetzsch Padborg

Poetzsch Padborg

Avanceret Google Tag Manager setup til konverteringstracking

Bolighuset Werenberg A/S

Bolighuset Werenberg A/S

Et digitalt sats på e-handel, der gav pote. Se vores arbejde for Werenberg, og hvordan vækstkurven blev stejl med en stabil og udviklingsdygtig webshop.

Ofte stillede spørgsmål

  • Offentlige organisationer er omfattet af webtilgængelighedsloven. Private virksomheder, der sælger online til forbrugere, fx webshops, er omfattet af European Accessibility Act fra juni 2025, med undtagelse for mikrovirksomheder under ti ansatte. Vi vurderer jeres situation.

  • Fra 18.000 kr. for audit af de vigtigste brugerrejser med prioriteret rapport. Rettelser estimeres ud fra rapporten. Et site på et designsystem er billigere at rette, fordi komponenterne kun skal rettes ét sted.

  • WordPress er velkendt og fleksibelt til indholdstunge sites. Headless (Astro med et hovedløst CMS) giver hastighed og sikkerhed og passer til sites, hvor performance er afgørende. Vi anbefaler efter opgaven.

  • Typisk 6 til 12 uger fra workshop til lancering, afhængigt af omfang og indhold.

Næste Hosting & drift →