Wcag uitgelegd

Afbeelding van prefix

Afbeelding van prefix. Afbeeldingen in webshops (post 2/8)

Je hebt een overzichtspagina in je webwinkel met 100 producten. In elke alt-tekst staat “Afbeelding van…”. Klinkt netjes, toch? Tot je luistert wat er gebeurt. Voorleessoftware zegt bij elke afbeelding al automatisch “afbeelding.” Dus als jij “Afbeelding van Nike schoenen” in de alt-tekst zet, hoort je klant: “Afbeelding. Afbeelding van Nike schoenen.” Bij de vierde rij producten word je daar helemaal gek van. En dat wil je niet als winkelier.

De oplossing is simpel: laat “afbeelding van” weg uit de alt-tekst. Schrijf gewoon “Nike Air Max 90, wit met rode details.” De software zegt dan: “Afbeelding, Nike Air Max 90, wit met rode details.” Schoon, duidelijk, geen herhaling. Je klant blijft langer in je webshop omdat de ervaring prettig is in plaats van irritant.

Dit is precies het soort ruis dat ervoor zorgt dat mensen afhaken. Niet omdat je product niet goed is, maar omdat je interface ze wegjaagt. En een klant die afhaakt, komt niet terug om het nog een keer te proberen.

Related Posts

Wat is een toegankelijkheidsaudit?

Een toegankelijkheidsaudit is een grondige beoordeling van je website of app op basis van de WCAG-standaard. Het doel: vaststellen welke onderdelen niet toegankelijk zijn voor mensen met een beperking, en concreet beschrijven hoe je dat kunt oplossen.

Knop zonder naam

Knop zonder naam

“Knop.” Dat is wat een schermlezer zegt. Knop. Maar welke knop? Wat doet die?

Knop zonder naam

Knop zonder naam

Je hebt op je website een zoekveld met een knop. Op een desktop staat er “Zoeken” naast het vergrootglas-icoon. Prima, dat werkt. Maar wat gebeurt er als je inzoomt of de pagina op een telefoon bekijkt? De tekst “Zoeken” verdwijnt en alleen het icoon blijft over. En als dat icoon geen tekstalternatief heeft, dan weet iemand die voorleessoftware gebruikt niet wat die knop doet. Ze horen: “Knop.” Dat is alles. Geen “zoeken”, geen “versturen”, gewoon “knop.”