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.

Zelf verder met dit onderwerp

Related Posts

Custom component waarvan de focus is vergeten

Custom component waarvan de focus is vergeten

Een zelfgebouwde tabcomponent. Mooie styling. Hover-effecten. Transities. Tab ernaartoe. Geen focusindicator. De developer heeft border: none en outline: none in de component-CSS gezet om de standaardstyling te verwijderen. En is vergeten een :focus-visible toe te voegen.

Hele alinea als link

Hele alinea als link

“Link. Deze prachtige winterjas is gemaakt van gerecycled materiaal en houdt je warm tot min 20 graden. Verkrijgbaar in drie kleuren. Nu met 20 procent korting.”

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.