Løsningsrapport

Tilgængelighedsrapport

Vi tester din hjemmeside mod WCAG 2.2 A og AA i en rigtig browser, går gennem dens vigtigste forløb kun med tastaturet (i en webshop helt frem til checkout-knappen) og giver din udvikler ændringen til hver barriere, bygget ud fra din egen markup.

  • Op til 25 sider testet
  • Test af brugerrejse med tastatur
  • 5 gentests inkluderet

Det tjekker vi

  • Regler i WCAG 2.2 A og AA

    Automatiske axe-core-tests på dine vigtigste sider og op til 20 sider mere fra dit sitemap: alt-tekst, farvekontrast, navne på knapper og links, formularlabels, overskrifter, landmarks og ARIA.

  • Test af brugerrejse med tastatur

    Kun med tastaturet: i en webshop fra forsiden til produkt, valgmuligheder, Læg i kurv og kurven med stop ved checkout-knappen; på andre hjemmesider fra forsiden til den vigtige side, dens vigtigste call to action og dens formularfelter. Intet bliver nogensinde indsendt.

  • Fokusfælder og synligt fokus

    Om fokus sidder fast, fx i et cookiebanner, og om besøgende kan se, hvor det er.

  • Reflow på mobil ved 320 px

    Om sider kræver vandret scrolling på en lille telefon (WCAG 1.4.10).

  • Påstandsoversigt for kravbrev

    Hvis du indsætter et brev, sammenholdes hver påstand med det, vores tests genskabte, med antal forekomster pr. side.

  • Punkter til manuelt tjek

    Det, testene markerer, men ikke kan afgøre, fx tekst oven på billeder, med en forklaring på, hvordan du tjekker hvert punkt.

Det får du

  • En prioriteret liste: ret først, ret derefter, forbedr
  • Kode før og efter, bygget ud fra hvert fejlende element
  • Trin til Shopify, WordPress, WooCommerce eller den platform, vi genkender
  • En færdig AI-prompt til hvert fund
  • Skærmbilleder med det fejlende element markeret
  • Et udkast til tilgængelighedserklæring og en dokumentationslog
  • 5 gentests til at bekræfte dine rettelser og en PDF

Sådan laves rapporten

  1. 1

    Din gratis scannings fem sider plus op til 20 sider mere fra dit sitemap indlæses i Chromium og testes med axe-core.

  2. 2

    En separat browsersession går gennem hjemmesidens vigtigste forløb kun med tastaturet og registrerer hvert trin med et skærmbillede, hvor noget fejler.

  3. 3

    Hver fejl får en løsning skrevet til din platform, hvorefter rapporten samles og sendes til dig på e-mail.

Fund fra eksempelrapporten

Rigtigt output for Harbor & Pine, en fiktiv webshop, vi har bygget med almindelige problemer.

Åbn hele eksempelrapporten
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

Det dækker den ikke

  • Skærmlæseroutput, undertekster og synstolkning (en manuel tjekliste er inkluderet)
  • Checkout, betaling og indsendelse af formularer
  • Sider bag et login
  • Juridisk rådgivning eller et certifikat for overholdelse af ADA eller EAA

Spørgsmål om rapporten

Er det en fuld WCAG-audit?

Det er en automatisk audit plus en test af brugerrejsen med tastatur. Automatiske tests finder en del af WCAG-problemerne på en hjemmeside, så rapporten viser også, hvad der kræver et menneskeligt tjek, og hvordan du gør det.

Hjælper den med et ADA-kravbrev?

Hvis du indsætter brevet, viser rapporten med dokumentation, hvilke påstande vores tests genskaber på din hjemmeside. Det er en faktuel registrering, ikke juridisk rådgivning; tal med en advokat om selve brevet.

Hvilke platforme virker koden til?

Rettelserne skrives til den platform, vi genkender: Shopify-temaer, WordPress og WooCommerce, Webflow, BigCommerce, Wix, Squarespace, frameworks som Next.js eller ren HTML. Hvor vi ikke kan se din kildekode, angives filplaceringer som forslag.

Hvad er de 5 gentests?

Når din udvikler har lavet ændringer, kan du køre de samme tjek igen fra rapporten, op til fem gange, og se, hvilke problemer der ikke længere genskabes.

Relaterede guides

Andre rapporter

Scan din hjemmeside i dag

Find det. Ret det. Bekræft det.

Hvilken slags website er det?

Dit svar vælger de rigtige tjek, fx købsrejsen for webshops. Vi tjekker stadig sidens egne tegn og viser begge dele.

Hvilken slags website er det?

Gratis scanning. Intet betalingskort nødvendigt.