Rapport met oplossingen

Toegankelijkheidsrapport

We testen je website tegen WCAG 2.2 A en AA in een echte browser, doorlopen de belangrijkste route alleen met het toetsenbord (bij een webshop tot aan de afrekenknop) en geven je ontwikkelaar voor elke drempel de aanpassing, opgebouwd uit je eigen markup.

  • Tot 25 pagina’s getest
  • Test van de toetsenbordroute
  • Inclusief 5 hertests

Wat we controleren

  • Regels van WCAG 2.2 A en AA

    Geautomatiseerde axe-core-tests op je belangrijkste pagina’s en tot 20 extra uit je sitemap: alt-tekst, kleurcontrast, namen voor knoppen en links, formulierlabels, koppen, landmarks en ARIA.

  • Test van de toetsenbordroute

    Alleen met het toetsenbord: bij een webshop van de startpagina naar product, opties, ‘In winkelwagen’ en winkelwagen, met een stop bij de afrekenknop; bij andere sites van de startpagina naar de belangrijkste pagina, de belangrijkste call-to-action daarop en de formuliervelden. Er wordt nooit iets verstuurd.

  • Focusvallen en zichtbare focus

    Of de focus vast komt te zitten, bijvoorbeeld in een cookiebanner, en of bezoekers kunnen zien waar die is.

  • Reflow op mobiel bij 320 px

    Of pagina’s op een kleine telefoon horizontaal scrollen vereisen (WCAG 1.4.10).

  • Claimoverzicht van een sommatiebrief

    Als je een brief plakt, wordt elke claim gekoppeld aan wat onze tests reproduceerden, met het aantal keren per pagina.

  • Punten voor een menselijke controle

    Wat de tests signaleren maar niet kunnen beoordelen, zoals tekst over afbeeldingen, met hoe je elk punt controleert.

Wat je krijgt

  • Een lijst op prioriteit: eerst oplossen, daarna oplossen, verbeteren
  • Code voor en na, opgebouwd uit elk fout element
  • Stappen voor Shopify, WordPress, WooCommerce of het platform dat we herkennen
  • Een kant-en-klare AI-prompt voor elke bevinding
  • Screenshots met het foute element omlijnd
  • Een concept-toegankelijkheidsverklaring en een bewijslogboek
  • 5 hertests om je oplossingen te bevestigen, en een pdf

Hoe het rapport tot stand komt

  1. 1

    De vijf pagina’s van je gratis scan, plus tot 20 extra uit je sitemap, worden geladen in Chromium en getest met axe-core.

  2. 2

    Een aparte browsersessie doorloopt de belangrijkste route van de site alleen met het toetsenbord en legt elke stap vast, met een screenshot waar iets misgaat.

  3. 3

    Voor elke fout wordt een oplossing voor jouw platform geschreven; daarna wordt het rapport samengesteld en naar je gemaild.

Bevindingen uit het voorbeeldrapport

Echte output voor Harbor & Pine, een fictieve webshop die we met veelvoorkomende problemen hebben gebouwd.

Open het volledige voorbeeldrapport
  • 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.

Wat het niet dekt

  • Uitvoer van schermlezers, ondertiteling en audiodescriptie (een handmatige checklist is inbegrepen)
  • Afrekenen, betalen en formulieren versturen
  • Pagina’s achter een login
  • Juridisch advies, of een certificaat dat je aan de ADA of de EAA voldoet

Vragen over dit rapport

Is dit een volledige WCAG-audit?

Het is een geautomatiseerde audit plus een test van de toetsenbordroute. Geautomatiseerde tests vinden een deel van de WCAG-problemen op een site, dus het rapport vermeldt ook wat een menselijke controle nodig heeft en hoe je die uitvoert.

Helpt het bij een ADA-sommatiebrief?

Als je de brief plakt, laat het rapport zien welke claims onze tests op je website reproduceren, met bewijs. Het is een feitelijk verslag, geen juridisch advies; bespreek de brief zelf met een advocaat.

Voor welke platforms werkt de code?

De oplossingen worden geschreven voor het platform dat we herkennen: Shopify-thema’s, WordPress en WooCommerce, Webflow, BigCommerce, Wix, Squarespace, frameworks zoals Next.js, of gewone HTML. Waar we je broncode niet kunnen zien, geven we bestandslocaties als hint.

Wat zijn de 5 hertests?

Nadat je ontwikkelaar aanpassingen heeft gedaan, kun je dezelfde checks vanuit het rapport opnieuw uitvoeren, tot vijf keer, en zien welke problemen niet meer worden gereproduceerd.

Scan je website vandaag nog

Opsporen. Oplossen. Controleren.

Wat voor website is dit?

Je antwoord kiest de juiste controles, zoals de aankooproute voor webwinkels. We controleren nog steeds de signalen van de site zelf en tonen beide.

Wat voor website is dit?

Gratis scan. Geen creditcard nodig.