Åtgärdsrapport

Tillgänglighetsrapport

Vi testar din webbplats mot WCAG 2.2 A och AA i en riktig webbläsare, går igenom huvudflödet med enbart tangentbordet (i en webbutik fram till kassaknappen) och ger din utvecklare ändringen för varje hinder, byggd utifrån din egen kod.

  • Upp till 25 sidor testas
  • Tangentbordstest av flödet
  • 5 omtester ingår

Det här kontrollerar vi

  • Regler i WCAG 2.2 A och AA

    Automatiska tester med axe-core på dina viktigaste sidor och upp till 20 till från din sitemap: alt-text, färgkontrast, namn på knappar och länkar, etiketter i formulär, rubriker, landmärken och ARIA.

  • Tangentbordstest av flödet

    Med enbart tangentbordet: i en webbutik från startsidan till produkt, alternativ, Lägg i varukorgen och varukorgen, med stopp vid kassaknappen; på andra webbplatser från startsidan till den viktiga sidan, dess huvudsakliga uppmaning till handling och dess formulärfält. Ingenting skickas någonsin.

  • Fokusfällor och synligt fokus

    Om fokus fastnar, till exempel i en cookiebanner, och om besökare kan se var fokus är.

  • Omflöde på mobil i 320 px

    Om sidor kräver horisontell rullning på en liten mobil (WCAG 1.4.10).

  • Påståendeöversikt för kravbrev

    Om du klistrar in ett brev jämförs varje påstående med det som våra tester återskapade, med antal förekomster per sida.

  • Punkter för manuell kontroll

    Det som testerna flaggar men inte kan avgöra, till exempel text ovanpå bilder, med hur du kontrollerar varje punkt.

Det här får du

  • En prioriterad lista: åtgärda först, åtgärda sedan, förbättra
  • Kod före och efter, byggd från varje element som inte klarar testerna
  • Steg för Shopify, WordPress, WooCommerce eller den plattform vi identifierar
  • En färdig AI-prompt för varje fynd
  • Skärmbilder med det felande elementet markerat
  • Ett utkast till tillgänglighetsredogörelse och en logg med belägg
  • 5 omtester för att bekräfta dina åtgärder, och en PDF

Så tas rapporten fram

  1. 1

    Den kostnadsfria skanningens fem sidor, plus upp till 20 till från din sitemap, laddas i Chromium och testas med axe-core.

  2. 2

    En separat webbläsarsession går igenom webbplatsens huvudflöde med enbart tangentbordet och registrerar varje steg, med en skärmbild där något fallerar.

  3. 3

    Varje brist får en åtgärd skriven för din plattform, sedan sammanställs rapporten och skickas till dig via e-post.

Fynd från exempelrapporten

Verkligt resultat för Harbor & Pine, en fiktiv butik som vi har byggt med vanliga problem.

Öppna hela exempelrapporten
  • 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 här täcker den inte

  • Hur skärmläsare läser upp sidan, textning och syntolkning (en checklista för manuell kontroll ingår)
  • Kassa, betalning och skickade formulär
  • Sidor bakom inloggning
  • Juridisk rådgivning eller ett intyg om att ADA eller EAA uppfylls

Frågor om rapporten

Är det här en fullständig WCAG-granskning?

Det är en automatisk granskning plus ett tangentbordstest av flödet. Automatiska tester hittar en del av WCAG-problemen på en webbplats, så rapporten listar också det som behöver kontrolleras av en människa och hur det görs.

Hjälper den mot ett ADA-kravbrev?

Om du klistrar in brevet visar rapporten vilka påståenden våra tester återskapar på din webbplats, med belägg. Det är en saklig dokumentation, inte juridisk rådgivning; prata med en advokat om själva brevet.

Vilka plattformar fungerar koden för?

Åtgärderna skrivs för den plattform vi identifierar: Shopify-teman, WordPress och WooCommerce, Webflow, BigCommerce, Wix, Squarespace, ramverk som Next.js eller ren HTML. Där vi inte kan se din källkod anges filplatser som tips.

Vad är de 5 omtesterna?

När din utvecklare har gjort ändringar kan du köra samma kontroller igen från rapporten, upp till fem gånger, och se vilka problem som inte längre återskapas.

Relaterade guider

Andra rapporter

Skanna din webbplats i dag

Hitta. Åtgärda. Verifiera.

Vilken typ av webbplats är det här?

Ditt svar väljer rätt kontroller, till exempel köpresan för webbutiker. Vi kontrollerar ändå webbplatsens egna tecken och visar båda.

Vilken typ av webbplats är det här?

Gratis skanning. Inget betalkort krävs.