Illustratief klantrapport · 17 oktober 2026

Kleine webwinkel: toegankelijkheidsbeoordeling

Field & Form · fieldandform.example

Fictieve demonstratie. Alle klanten, domeinen, bevindingen en bewijzen zijn illustratief. Deze rapporten tonen de structuur, geen scans van echte websites of bewijs van productresultaten.

Abonnement kiezen

Managementsamenvatting

Verduidelijk productafbeeldingen en aantalbediening vóór overdracht aan het winkelteam. Beide beïnvloeden de route naar de winkelwagen. Herstel daarna het overgeslagen kopniveau voor betere navigatie.

Beoordeelde pagina’s: 3
Typen bevindingen: 3
Kritiek: 2
Matig: 1

De aantallen tonen typen bevindingen in dit fictieve voorbeeld, geen getroffen elementen. Ernst geeft beoordelingsprioriteit aan, geen nalevingsoordeel.

Reikwijdte en methode

Klantroute: Browse products → choose quantity → review the cart.

Voorbeeldpagina’s: //products/stoneware-mug/cart

Methode: automatische axe-controles op elke geladen openbare pagina. Het voorbeeld omvat geen ingelogde delen, alle toestanden, toetsenbord, schermlezers of volledige WCAG-evaluatie. Bevindingen vereisen menselijke bevestiging.

Dit rapport beschrijft automatische toegankelijkheidsbevindingen. Het stelt geen wettelijke naleving vast; handmatige evaluatie blijft nodig.

Toegankelijkheid: regels en toepasselijkheid

Geprioriteerde bevindingen

Prioriteit	Bevinding	Pagina / regel	Volgende stap
Critical	Product image is missing an alternative	`/products/stoneware-mug` `image-alt`	Describe the product information shown in the image.
Critical	Quantity buttons have no accessible names	`/cart` `button-name`	Name each quantity action and identify its product.
Moderate	Catalog heading skips a level	`/` `heading-order`	Use a consistent heading hierarchy for catalog sections.

Bewijs en herstel

Twee bevindingen zijn uitgewerkt om de overdracht naar uitvoering te tonen.

Bevinding 1 · Critical

Product image is missing an alternative

Getroffen element: .product-gallery img:first-child op /products/stoneware-mug

Waarom het belangrijk is: Customers who cannot see the photograph still need the product details it communicates. Alternative text should describe useful visual information without repeating every nearby word.

1 · Illustratief bewijsschema. Nagemaakt interfacefragment, geen schermafbeelding of live scan. Illustrative product markup has no alt attribute. The photograph is the only place where the mug’s glaze and handle shape are described.

Voorgestelde oplossing

Add concise alternative text that conveys the meaningful product details. Review each gallery image individually; avoid repeating the same description for every view.

Voor · illustratieve HTML

<img src="/mug.jpg" width="480" height="480">

Na · voorgestelde HTML

<img src="/mug.jpg" width="480" height="480"
  alt="Speckled cream stoneware mug with a wide loop handle">

Controleer de oplossing: Re-run the image-alt rule. Read the product page with a screen reader and confirm the description is useful alongside the product name, price, and any additional gallery views.

Bevinding 2 · Critical

Quantity buttons have no accessible names

Getroffen element: .cart-item .quantity button op /cart

Waarom het belangrijk is: Customers need to distinguish increase from decrease, especially when more than one product is in the cart. The visible icon may not supply a meaningful control name.

1 · Illustratief bewijsschema. Nagemaakt interfacefragment, geen schermafbeelding of live scan. Illustrative quantity buttons contain decorative minus and plus SVGs without accessible names. This finding groups two affected buttons under one rule.

Voorgestelde oplossing

Give each button an action and product name. Announce quantity changes without moving focus, and communicate the minimum quantity through the control state.

Voor · illustratieve HTML

<button><svg aria-hidden="true">…</svg></button>
<span>1</span>
<button><svg aria-hidden="true">…</svg></button>

Na · voorgestelde HTML

<button aria-label="Decrease Stoneware mug quantity">−</button>
<output aria-live="polite">1</output>
<button aria-label="Increase Stoneware mug quantity">+</button>

Controleer de oplossing: Re-run the button-name rule. Adjust quantity with the keyboard and screen reader; confirm the action names, announced value, cart total update, and behavior at the minimum quantity.

Aanbevolen overdracht

Bevestig bevindingen in de echte interface en spreek eigenaarschap en reikwijdte af.
Los kritieke bevindingen eerst op; beoordeel elke wijziging in de context.
Test de klantroute met toetsenbord en ondersteunende technologie.
Scan dezelfde pagina’s opnieuw, noteer resterende handmatige controles en deel wijzigingen met de klant.