Tilgængelighed på DanDomain: typiske WCAG-fejl og hvem der retter dem

Opdateret 10. september 2026

DanDomain driver en stor del af de små og mellemstore danske webshops. Fejlene sidder typisk i designskabelonen og i det indhold, shoppen selv lægger ind, og hvem der kan rette dem afhænger af, om skabelonen er DanDomains egen eller et bureaus.

Hvad loven kræver

Sælger shoppen til private forbrugere i Danmark, er den en e-handelstjeneste efter tilgængelighedsloven (LOV nr. 801/2022), som har været i kraft siden 28. juni 2025. Kravet er WCAG 2.1 AA via EN 301 549, en offentliggjort tilgængelighedserklæring og dokumentation, som Sikkerhedsstyrelsen kan bede om at se. Mikrovirksomheder (under 10 årsværk og under 2 mio. EUR i omsætning eller balance) er undtaget. Mange DanDomain-shops ligger tæt på mikrovirksomhedsgrænsen; ligger I over én af de to grænser (årsværk eller omsætning/balance), er I omfattet. DanDomain hoster shoppen, men det er jer, der er udbyder af tjenesten over for kunden.

Det finder vi typisk på DanDomain

En DanDomain-shop bygger på en designskabelon, som enten er en af DanDomains standarddesigns eller er bygget og tilpasset af et partnerbureau. Skabelonen bestemmer overskrifter, ikoner, sprogattribut og produktkort. Produktbilleder lægges ind af shoppen selv, ofte uden alt-tekst, og variantvalg (størrelse, farve) er dropdowns, der i ældre skabeloner mangler etiket. Ældre skabeloner mangler også lang på <html> og har ikoner i topbaren, der er for små til at ramme på mobil. Dertil kommer integrationer som Trustpilot, chat, cookiebanner og tilmelding til nyhedsbrev, der indsætter egen kode. Checkout hostes af DanDomain, og hvad I kan ændre dér, afhænger af, hvilken generation af platformen I kører.

På DanDomain sidder fundene typisk i designskabelonen og i de billeder og varianter, shoppen selv lægger ind.

image-alt1.1.1 Ikke-tekstbaseret indhold · A
Billeder uden alt-attribut har intet tekstalternativ. Skærmlæserbrugere hører enten filnavnet (fx 'IMG_2043.jpg') eller ingenting og går glip af indholdet — fx et produktbillede, et kampagnebanner eller et betalingskort-ikon.
Giv alle <img> en alt-attribut. Beskriv billedets indhold eller funktion i én kort sætning (uden 'billede af'). Er billedet rent dekorativt (rammer, skygger, spacer-gifs), så brug tom alt="" — så springer skærmlæseren det over. Et billede i et link skal beskrive linkets mål, ikke billedet. I webshops: produktbilleder bør nævne produktnavn og variant ('Sort uldfrakke, model Nora, set forfra'), og logoer bør have firmanavnet som alt.
Før
```
<img src="/img/frakke-nora-sort.jpg">
```
Efter
```
<img src="/img/frakke-nora-sort.jpg" alt="Sort uldfrakke, model Nora, set forfra">
<img src="/img/border.gif" alt="">
```
color-contrast1.4.3 Kontrast (minimum) · AA
Tekstens kontrast mod baggrunden er under 4,5:1 (3:1 for stor tekst ≥ 18 pt eller ≥ 14 pt fed). Brugere med nedsat syn eller farvesynsdefekt — og alle på en mobil i sollys — kan ikke læse teksten. Rammer typisk lysegrå hjælpetekst, placeholder-tekst, priser på farvet baggrund og hvid tekst på pastelfarvede knapper.
Mørkn tekstfarven eller lysn baggrunden, til kontrasten er mindst 4,5:1 (3:1 for stor tekst). axe angiver den målte kontrast og de præcise farver i fejlbeskrivelsen. Ret farven i design-tokens/CSS-variabler frem for pr. element, så det slår igennem overalt. Tjek også hover-, fokus- og disabled-tilstande (disabled-tekst er undtaget, men bør stadig kunne læses).
Før
```
.hint { color: #9ca3af; background: #ffffff; } /* 2,5:1 */
```
Efter
```
.hint { color: #4b5563; background: #ffffff; } /* 7,6:1 */
```
link-name2.4.4 Formål med links (i kontekst) · A4.1.2 Navn, rolle, værdi · A
Linket har ingen tilgængelig tekst. Skærmlæsere oplæser 'link' uden mål — brugeren ved ikke, hvor det fører hen. Typisk et link, der kun indeholder et ikon eller et billede uden alt, fx logo, kurv-ikon eller sociale medier-ikoner.
Giv linket en tekst: enten synlig tekst, alt på billedet inde i linket, eller aria-label på <a>. Teksten skal beskrive målet ('Gå til kurv', 'Nordally — forside'), ikke 'klik her'. Har linket ingen href, er det ikke et link — brug en <button>.
Før
```
<a href="/kurv"><svg>…</svg></a>
```
Efter
```
<a href="/kurv" aria-label="Indkøbskurv, 2 varer"><svg aria-hidden="true">…</svg></a>
```
select-name4.1.2 Navn, rolle, værdi · A
Dropdown-menuen (<select>) har ingen etiket. Skærmlæsere siger blot 'kombinationsboks' — brugeren ved ikke, om det er størrelse, farve, land eller sortering.
Kobl en <label> til <select> med for/id, eller brug aria-label, hvis etiketten ikke kan være synlig. Et første <option> med 'Vælg størrelse' erstatter ikke en label.
Før
```
<select name="size"><option>Vælg størrelse</option>…</select>
```
Efter
```
<label for="size">Størrelse</label>
<select id="size" name="size">…</select>
```
html-has-lang3.1.1 Sproget på siden · A
<html>-elementet har ingen lang-attribut. Skærmlæsere kan ikke vælge korrekt udtale og oplæser dansk tekst med engelske stemmeregler, så indholdet bliver næsten uforståeligt. Browsere bruger også lang til oversættelse og orddeling.
Sæt lang="da" på <html> i sideskabelonen (ét sted). Er sitet flersproget, sæt den aktuelle sides sprog dynamisk (da, en, de, sv, no).
Før
```
<html>
```
Efter
```
<html lang="da">
```
target-size2.5.8 Målstørrelse (minimum) · AA
Et klikbart element er mindre end 24×24 CSS-pixels uden tilstrækkelig afstand til naboerne. Brugere med motoriske vanskeligheder (og alle på mobil) rammer ved siden af — typisk små ikoner, +/−-knapper og tætte links i footeren.
Gør klikfladen mindst 24×24 px (gerne 44×44 på mobil) via padding eller min-width/min-height, eller sørg for mindst 24 px afstand mellem små mål. Links i løbende tekst er undtaget.
Før
```
.qty-btn { width: 16px; height: 16px; }
```
Efter
```
.qty-btn { min-width: 24px; min-height: 24px; padding: 4px; }
```

Sådan tilføjer I sitet i Nordally

Base-URL: shoppens eget domæne, fx https://www.dinbutik.dk, ikke DanDomains midlertidige adresse.
Sitemap i den nye DanDomain Webshop: typisk /sitemap.xml; tjek adressen i shoppens SEO-indstillinger, eller brug den adresse, I har indsendt i Google Search Console.
Sitemap i den klassiske DanDomain Webshop: DanDomain genererer dynamiske sitemaps, hvor produkter og produktgrupper ligger på /shop/GoogleSitemapProducts.asp?page=1 (og page=2 osv. ved mere end 50.000 URL'er), og forside, profilsider og egne sider i en separat fil. Indsæt den fulde adresse; Nordally læser enhver XML-sitemap-URL, ikke kun /sitemap.xml.
Uden sitemap: svarer adressen ikke, scanner Nordally kun forsiden. Det giver et første indtryk af skabelonen, men ikke af produktsider og kategorier. Slå sitemappet til under SEO, eller bed DanDomains support om adressen.
Flere sprog på egne domæner tilføjes som separate sites; vi følger kun URL'er på sitets eget domæne.

Hvem retter hvad

Hvem retter hvad på DanDomain
Fejl	Kan shopejeren rette selv?	Kræver udvikler/leverandør?
Alt-tekster på produktbilleder	Ja, på produktet i administrationen	Nej
Kontrast i skabelonens farver	Delvist: farver, der kan ændres i designværktøjet	Ja, hvis farverne ligger i skabelonens CSS
Ikonlinks uden navn (søgning, kurv, sociale medier)	Nej	Skabelon: DanDomain ved standarddesign, ellers partnerbureauet
Variantvælger uden etiket	Nej	Skabelon (DanDomain eller bureau)
Manglende sprogattribut på siden	Nej	Skabelon (én rettelse, gælder alle sider)
Checkout-trin og felter	Nej	DanDomain (hostet checkout)

Hvad automatisk test ikke finder

Om kunden kan vælge variant, lægge i kurv og gennemføre checkout med tastatur alene, om alt-teksterne siger noget om produktet, om fejlbeskeder i checkout kan opfattes uden at se dem, og om nyhedsbrevs-popup'en kan lukkes uden mus, kræver et menneske. Brug tjeklisten i manuel gennemgang; den er bygget til at blive gennemført af shoppen selv på under en time pr. site.

Tjek én side af jeres DanDomain-shop nu

Indsæt en produktside eller forsiden, og se de automatisk målbare fund med selektor og dansk vejledning. Ingen konto, ingen installation. Tjek én side gratis.

Spørgsmål og svar

Kan vi bruge en tilgængeligheds-app i stedet for at rette DanDomain-shoppen?

Nej. En overlay-widget lægger et script oven på siden i kundens browser; temaet, produktkortene og checkout er uændrede, og det er dem, tilsynet og kunderne møder. Widgeten dokumenterer heller ikke noget over for Sikkerhedsstyrelsen. Ret fejlene i koden og indholdet, og brug eventuelt en widget som tilvalg for brugerindstillinger. Se overlay-widget eller scanner.

Kan DanDomain rette fejlene for os?

Fejl i DanDomains standarddesigns og i den hostede checkout kan kun DanDomain rette; send dem fundet med selektor og kodeudsnit fra rapporten. Er skabelonen tilpasset eller bygget af et bureau, er det bureauet. Alt-tekster, overskrifter og de farver, der kan ændres i designværktøjet, retter I selv.

Vi er en lille shop med to ansatte. Gælder loven for os?

Er I en mikrovirksomhed (under 10 årsværk og under 2 mio. EUR i både omsætning og balance), er I undtaget fra lovens krav til tjenester. Ligger I over én af grænserne, er I omfattet. Om I ligger over, er en vurdering, I selv eller jeres revisor må tage; se tilgængelighedsloven.

Kilder

Nordally hjælper med compliance og giver ikke juridisk rådgivning. Om jeres virksomhed er omfattet, og om jeres løsning er dækkende, er en vurdering, I selv eller en rådgiver må tage.