Utbedringsrapport

Rapport om universell utforming

Vi tester nettstedet ditt mot WCAG 2.2 A og AA i en ekte nettleser, går gjennom hovedflyten med bare tastaturet (i en nettbutikk helt fram til kasseknappen) og gir utvikleren din endringen for hver barriere, bygd på din egen markup.

  • Opptil 25 sider testet
  • Test av tastaturreisen
  • 5 kontrolltester inkludert

Hva vi sjekker

  • Regler i WCAG 2.2 A og AA

    Automatiske axe-core-tester på de viktigste sidene dine og opptil 20 til fra sitemapen din: alt-tekst, fargekontrast, navn på knapper og lenker, ledetekster i skjemaer, overskrifter, landemerker og ARIA.

  • Test av tastaturreisen

    Med bare tastaturet: i en nettbutikk fra forsiden til produkt, valg, Legg i handlekurv og handlekurven, med stopp ved kasseknappen; på andre nettsteder fra forsiden til nøkkelsiden, hovedhandlingsoppfordringen der og skjemafeltene. Ingenting blir noen gang sendt inn.

  • Fokusfeller og synlig fokus

    Om fokuset setter seg fast, for eksempel i et cookie-banner, og om besøkende kan se hvor det er.

  • Dynamisk tilpasning på mobil ved 320 px

    Om sidene krever sidelengs rulling på en liten mobil (WCAG 1.4.10).

  • Påstandskart for kravbrev

    Hvis du limer inn et brev, sammenlignes hver påstand med det testene våre gjenskapte, med antall forekomster per side.

  • Punkter for manuell kontroll

    Det testene flagger, men ikke kan avgjøre, som tekst over bilder, med forklaring på hvordan du sjekker hvert punkt.

Hva du får

  • En prioritert liste: fiks først, fiks deretter, forbedre
  • Kode før og etter, bygd på hvert element som feiler
  • Steg for Shopify, WordPress, WooCommerce eller plattformen vi gjenkjenner
  • En ferdig KI-prompt for hvert funn
  • Skjermbilder der elementet som feiler, er markert
  • Et utkast til tilgjengelighetserklæring og en dokumentasjonslogg
  • 5 kontrolltester som bekrefter utbedringene dine, og en PDF

Slik lages rapporten

  1. 1

    De fem sidene fra den gratis skanningen, pluss opptil 20 til fra sitemapen din, lastes i Chromium og testes med axe-core.

  2. 2

    En egen nettleserøkt går gjennom hovedflyten på nettstedet med bare tastaturet og registrerer hvert steg, med skjermbilde der noe feiler.

  3. 3

    Hver feil får en løsning skrevet for plattformen din, og deretter settes rapporten sammen og sendes til deg på e-post.

Funn fra eksempelrapporten

Ekte resultater for Harbor & Pine, en fiktiv nettbutikk vi har bygd med vanlige problemer.

Åpne 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.

Hva den ikke dekker

  • Opplesning i skjermleser, teksting og synstolking (en sjekkliste for manuell kontroll følger med)
  • Kasse, betaling og innsending av skjemaer
  • Sider bak innlogging
  • Juridisk rådgivning, eller et sertifikat for samsvar med ADA eller EAA

Spørsmål om rapporten

Er dette en fullstendig WCAG-revisjon?

Det er en automatisk revisjon pluss en test av tastaturreisen. Automatiske tester finner en del av WCAG-problemene på et nettsted, så rapporten viser også hva som trenger en manuell kontroll, og hvordan den gjøres.

Hjelper den med et ADA-kravbrev?

Hvis du limer inn brevet, viser rapporten hvilke påstander testene våre gjenskaper på nettstedet ditt, med bevis. Det er en faktabasert oversikt, ikke juridisk rådgivning; snakk med en advokat om selve brevet.

Hvilke plattformer fungerer koden for?

Løsningene skrives for plattformen vi gjenkjenner: Shopify-temaer, WordPress og WooCommerce, Webflow, BigCommerce, Wix, Squarespace, rammeverk som Next.js, eller ren HTML. Der vi ikke ser kildekoden din, oppgis filplasseringer som hint.

Hva er de 5 kontrolltestene?

Når utvikleren din har gjort endringer, kan du kjøre de samme kontrollene på nytt fra rapporten, opptil fem ganger, og se hvilke problemer som ikke lenger gjenskapes.

Skann nettstedet ditt i dag

Finn det. Fiks det. Bekreft det.

Hva slags nettsted er dette?

Svaret ditt velger riktige sjekker, som kjøpsreisen for nettbutikker. Vi sjekker likevel nettstedets egne tegn og viser begge.

Hva slags nettsted er dette?

Gratis skanning. Du trenger ikke betalingskort.