Implementering og vedligehold af tilgængelighedserklæring for at overholde webtilgængelighedsloven

Dokumentet indeholder følgende;

1. Baggrund for webtilgængelighedserklæring
2. Matas´ webtilgængelighedserklæring
3. Governance for løbende arbejde med webtilgængelighed
4. Checkliste for arbejdet med webtilgængelighedserklæring

1. Baggrund for webtilgængelighedserklæring

Fra juni 2025 skal private virksomheder indenfor E-handel samt kommunikationstjenester og audiovisuelle medietjenester overholde webtilgængelighedsloven. Loven udspringer af et EU direktiv med reference til standarden WCAG 2.1 - Web Content Accessibility Guidelines – og lige så tørt som det kan lyde, lige så vigtigt er formålet. Nemlig at sikre inklusion og lige muligheder for alle i den digitale verden.

Med korrekt optimering af jeres website kan vi ikke alene sikre, at vi overholder loven, men også opnå bedre brugervenlighed og performance, samt øget konvertering for alle vores kunder.

Tilgængelighed for alle

Webtilgængelighed handler kort fortalt om, at websteder i videst muligt omfang skal gøres tilgængelige for alle i vores samfund. I dag lever 1 ud af 5 danskere med et handicap eller funktionsnedsættelse som gør, at de er digitalt udfordrede. Det kan f.eks. være syns- eller hørenedsættelse eller kognitive udfordringer, som kan gøre det svært at begå sig digitalt.

I en digitaliseret verden hvor helt basale ting som arbejde, indkøb og kontakten til velfærdssystemet kræver digitale færdigheder, kan man som digitalt udfordret hurtigt opleve sig marginaliseret i samfundet. Derfor er det så vigtigt, at vi i den digitale verden inkluderer frem for at ekskludere.

20% af danskerne er rigtig mange, men den gode nyhed er, at vi med relativt enkle greb kan optimere vores websteder, og dermed øge brugervenligheden. Det er til gavn for ikke blot de digitalt udfordrede, men for alle brugere.

2. Matas´ webtilgængelighedserklæring

Denne tilgængelighedserklæring gælder for matas.dk, Matas’ e-handelstjeneste, hvor kunder kan søge produkter, lægge i kurv, logge ind og gennemføre køb og betaling, og er senest opdateret 13. marts 2026.

Erklæringen vedligeholdes i vores CMS-system og gøres tilgængelig på www.matas.dk/webtilgaengelighed

Der arbejdes på at finde en oplæserfunktion, så erklæringen kan oplæses. Indtil da kan du kontakte kundeservice på tlf: 4816 5544 for at få erklæringen oplæst.

Erklæring om tilgængelighed hos Matas

Hos Matas ønsker vi, at alle kunder skal kunne bruge vores digitale løsninger - uanset funktionsevne eller hjælpemidler. Vi arbejder derfor løbende på at gøre matas.dk tilgængelig og brugervenlig for alle.

Vores mål er, at vores website lever op til Web Content Accessibility Guidelines (WCAG) 2.1 niveau AA, som er den internationale standard for webtilgængelighed, samt de danske myndigheders (Digitaliseringsstyrelsens) anbefalinger

Status for tilgængelighed

Matas.dk er delvist i overensstemmelse med WCAG 2.1 niveau AA.

Det betyder, at størstedelen af vores website kan bruges med hjælpemidler som skærmlæsere, tastaturnavigation og zoom, men at der stadig findes enkelte områder, hvor tilgængeligheden kan forbedres.

Vi arbejder løbende på at identificere og løse disse udfordringer.

Selvom vi bestræber os på høj tilgængelighed, kan der forekomme følgende udfordringer:

Billeder og produktindhold - Nogle billeder kan mangle eller have utilstrækkelige alternative tekstbeskrivelser.

Tastaturnavigation - Visse interaktive elementer kan være vanskelige at navigere til eller aktivere udelukkende med tastatur.

Formularer - Nogle formularfelter kan mangle tydelige labels eller klare fejlbeskeder.

Kontrast og visuel præsentation - Enkelte elementer kan have utilstrækkelig farvekontrast.

Videoindhold – Vi arbejder aktivt på at forbedre tilgængelighed af vores videoindhold, særligt undertekster og beskrivelser af vores videoer.

Vi anbefaler at bruge moderne browsere som Google Chrome, Safari eller Edge for at få den bedste brugeroplevelse.

Hvad gør vi for at forbedre tilgængeligheden?

Vi arbejder løbende på at forbedre tilgængeligheden gennem:

• løbende tilgængelighedstests af vores website
• forbedringer i vores design- og komponentbibliotek
• træning af udviklere og redaktører i tilgængelighed
• implementering af tilgængelighed i nye funktioner og redesigns

Feedback og kontakt

Vi vil meget gerne høre fra dig, hvis du oplever problemer med tilgængeligheden på matas.dk eller har forslag til forbedringer.

Kontakt os gerne på:

E-mail: kundeservice@matas.dk Telefon: 4816 5544

Vi bestræber os på at besvare alle henvendelser hurtigst muligt.

Hvordan har vi testet tilgængeligheden?

Tilgængeligheden vurderes løbende ved hjælp af:

• automatiske tilgængelighedsscanninger
• manuelle tests af centrale brugerflows
• løbende evaluering af navigation, formularer og indholdsstruktur

Opdatering af erklæringen

Denne erklæring er senest opdateret 13. marts 2026

3. Governance for webtilgængelighed i Matas

Matas arbejder løbende på at sikre, at vores websites overholder kravene i EU’s tilgængelighedsdirektiv og WCAG 2.1 AA. Governance-modellen sikrer både løbende forbedringer, test, organisatorisk forankring og transparens.

a. Remediation og backlog management

Efter en manuel accessibility-test er de mest kritiske issues løst. Der er etableret en backlog til at holde overblik over issues. [Indsæt link til backlog]

Gennemførte aktiviteter

• Prio 1 og 2 findings fra manuel test er blevet løst
• implementeret på tværs af Matas og KICKS

Status

• Der findes fortsat prio 3 og øvrige opgaver i accessibility backlog
• listen er dynamisk, da nye issues kan opstå løbende

OBS: Derfor kan compliance ikke garanteres permanent, selv efter løste opgaver. Derfor er vores site delvist i overensstemmelse med WCAG 2.1 niveau AA.

2. Test og løbende monitorering

For at sikre løbende kontrol testes sitet både automatisk og manuelt.

Semi-automatiserede tests

Der er etableret et testsetup baseret på Playwright, som kører ved hvert release.

Formål:

• opdage nye accessibility issues tidligt
• kunne spore fejl tilbage til specifikke releases
• skabe bedre dokumentation og traceability

Setup

Tests køres på:

• top 10 URL’er per sidetype
• PLP (kategori)
• PDP (produktsider)
• artikler
• forside
• checkout
• søgeresultatside

Rapportering

• resultater rapporteres på månedlige statusmøder mellem Matas og Hesehus
• issues følges op i udviklingsbacklog

Begrænsninger ved automatiske tests

Automatiske tests kan primært identificere:

• visuelle og tekniske problemer
• fejl på specifikke testede URL’er

De kan ikke teste brugerinteraktioner såsom:

• åbne menu
• lægge varer i kurv
• gennemføre checkout

Derfor kan automatiske tests ikke identificere alle accessibility issues.

Manuelle tests

Digitaliseringsstyrelsen anbefaler, at automatiske tests suppleres med manuelle evalueringer.

Citat fra DIGST:

"For at få et retvisende billede af tilgængeligheden, er man altid nødt til at lave en manuel evaluering."

Derfor er anbefalingen:

Manuelle accessibility-tests hvert kvartal

Status:

• endnu ikke planlagt

3. Kompetencer og træning

For at styrke kompetencerne internt arbejdes der med certificering og guidelines.

Certificering

• Hesehus medarbejdere har taget accessibility-certificering
• Det kan overvejes om Maria Skotte skal tage certificeringen i efteråret 2026

Content guidelines

Der er delt konkrete do’s and don’ts med:

• content teams
• UX/design

Eksempler:

• alt-tekst på billeder
• meningsfulde links
• korrekt brug af headings
• logisk heading-hierarki
• én H1 per side

Disse guidelines forventes yderligere styrket i forbindelse med:

Contentful implementeringen og Group Design System (GDS)

4. Accessibility i udviklingsprocessen

Accessibility indgår løbende i udviklingsarbejdet.

Teams involveret

• frontend team
• GDS team
• UX
• content teams

Fokus er at sikre accessibility i hele leverancekæden:

design → udvikling → content → release.

5. Transparens og compliance

Tilgængelighedserklæring

Tilgængelighedserklæring publiceres på matas.dk og skal opdateres minimum én gang årligt.

Formål:

• transparens overfor brugere
• opsamling af feedback
• støtte til Customer Success ved kundehenvendelser

Customer Success team

Customer Success er blevet klædt bedre på til at håndtere accessibility-henvendelser.

Dette inkluderer:

• kendskab til tilgængelighedserklæringen
• forståelse af typiske accessibility issues

6. Læring fra myndighedshenvendelser

Flere virksomheder i Hesehus’ kundebase har modtaget henvendelser fra Sikkerhedsstyrelsen.

De vigtigste observationer er:

Myndigheder laver også manuelle tests

Sikkerhedsstyrelsen anvender ikke kun automatiske værktøjer som Qualweb.

De foretager også:

• manuelle evalueringer
• gennemgang af flows

Dette understreger behovet for manuelle tests.

7. RAPID-model for webtilgængelighed i Matas

Formålet med RAPID-modellen er at tydeliggøre roller og ansvar i beslutninger omkring webtilgængelighed, herunder prioritering af initiativer, implementering og compliance.

R – Recommend: Digital & Loyalty anbefaler initiativer, prioriteringer og roadmap for webtilgængelighed baseret på testresultater, myndighedskrav og brugerfeedback.

A – Agree: Group Legal sikrer, at tiltag og kommunikation er i overensstemmelse med gældende lovgivning og regulatoriske krav.

P – Perform: Frontend-teamet, GDS-teamet og udviklingspartner (Hesehus) implementerer tekniske forbedringer, fixes og tests relateret til accessibility.

I – Input: UX/design, content teams, Customer Success og udviklingspartnere bidrager med input om brugeroplevelse, content-praksis, kundefeedback og tekniske muligheder.

D – Decide: Digital & Loyalty manegement team træffer endelig beslutning om prioritering af initiativer og ressourceallokering løbende og på kvartalsplanlægningsmøderne.

4. Checkliste for arbejdet med WCAG (genereret af ChatGPT)

Typiske WCAG-gaps for e-commerce (meget relevant for Matas)

Dette er meget realistiske problemer, som næsten alle retail-sites har.

Det kan også bruges som roadmap til backlog.

1. Alt-tekst på billeder

Problemer:

• produktbilleder uden alt-tekst
• dekorative billeder læses af screenreaders
• generiske tekster som “image”

WCAG:

1.1.1 Non-text Content

2. Tastaturnavigation

Problemer:

• dropdown menu kan ikke åbnes med tastatur
• filterpaneler kan ikke navigeres
• modals kan ikke lukkes med keyboard

WCAG:

2.1.1 Keyboard 2.4.3 Focus Order

3. Fokusmarkering

Problemer:

• fokus ikke synligt på knapper
• custom components uden focus state

WCAG:

2.4.7 Focus Visible

4. Farvekontrast

Problemer:

• light grey tekst på hvid
• knapper uden nok kontrast
• placeholder tekst for lys

WCAG:

1.4.3 Contrast Minimum

5. Formularer

Problemer:

• manglende labels
• fejlbeskeder ikke koblet til felt
• placeholder bruges som label

WCAG:

3.3.2 Labels or Instructions

6. ARIA og komponenter

Problemer:

• custom dropdown uden aria roles
• tabs uden korrekt markup
• sliders uden screenreader support

WCAG:

4.1.2 Name Role Value

7. Modals / overlays

Problemer:

• focus trap mangler
• modal kan ikke lukkes med ESC
• screenreader læser baggrund

WCAG:

2.4.3 Focus Order 4.1.2 Name Role Value

8. Video og medier

Problemer:

• videoer uden captions
• autoplay uden pause

WCAG:

1.2.2 Captions

2. Actionsliste for at få den live

Her er en praktisk implementeringsplan, som typisk bruges i e-commerce virksomheder.

1. Afklar scope

Beslut hvad erklæringen dækker:

• matas.dk
• mobilweb
• app (hvis relevant)
• kundeservice flows
• login / medlemsområde

2. Lav en hurtig accessibility-audit

Minimum:

Automatisk test

• Axe
• Lighthouse
• Siteimprove / Silktide / Deque

Manuel test

• tastaturnavigation
• screenreader (NVDA / VoiceOver)
• kontrast
• formularer

Resultat → liste over issues til erklæringen.

3. Definer compliance-status

Tre muligheder:

• Fuldt compliant
• Delvist compliant (mest realistisk)
• Ikke compliant

De fleste e-commerce sites starter med delvist compliant.

4. Definer feedback-flow

DIGST-modellen kræver en feedbackmekanisme.

Beslut:

• e-mail alias (fx accessibility@matas.dk)
• hvem svarer? (UX / kundeservice / webteam)
• SLA (fx 10 arbejdsdage)

5. Implementér siden

Lav en side:

/tilgaengelighed eller /accessibility

Link den fra:

• footer
• legal / privacy
• evt. help center

6. Lav interne guidelines

For at undgå fremtidige issues:

• alt-tekst på billeder
• video captions
• kontrast i designsystem
• keyboard support i komponenter
• accessible PDF

7. Lav roadmap for fixes

Eksempel:

Q2

• alt-tekst backlog
• formular labels
• focus states

Q3

• video captions
• keyboard navigation
• PDF remediation

8. Review hvert år

Best practice:

• review erklæring 1-2 gange årligt
• opdater dato
• opdater liste over issues