Typ iets om te zoeken...

Wcag uitgelegd

Doorgestreepte prijzen

Doorgestreepte prijzen — WCAG 1.3.1 Info en relaties (post 7/8)

49,99 doorgestreept, 29,99 ernaast. Je ziet direct: korting.

Maar een schermlezer leest: “49 euro 99. 29 euro 99.” Geen “oude prijs”, geen “nieuwe prijs”, geen context.

In het beste geval begrijpt de klant het niet. In het slechtste geval rekent je webshop een andere prijs af dan wat iemand verwachtte, en krijg je een klacht.

De fix: voeg visueel verborgen tekst toe. “Oude prijs: 49,99. Nieuwe prijs: 29,99.” Onzichtbaar op het scherm, maar een schermlezer leest het voor. En Google begrijpt de prijsstructuur beter, wat helpt bij rich snippets in zoekresultaten.

Je webshop wordt steeds vaker gebruikt door mensen met hulpsoftware. Dit is een van die dingen waar een kleine aanpassing een groot verschil maakt.

Related Posts

Tabs zonder tablist

Tabs zonder tablist

Twee elementen met role="tab". Een element met role="tabpanel". Maar geen role="tablist".

Labels

Labels

Klik eens op het woord naast een checkbox. Als er niks gebeurt, is het label niet gekoppeld aan het invoerveld. Dat is een gemiste kans, niet alleen voor toegankelijkheid, maar voor iedereen.

Fieldset legend

Fieldset legend

“Hoe wil je benaderd worden?” Met daaronder drie radiobuttons: telefoon, e-mail, brief. Je begrijpt direct dat die opties bij die vraag horen.