E commerce eaa

Maattabel screenshot

Maattabel screenshot. Afbeeldingen in webshops (post 8/8)

Bij sommige webwinkels zie ik een maattabel toegevoegd als een screenshot uit een ander systeem. Een plaatje van een tabel, geplakt op de productpagina. Snap ik, het is snel gedaan. Maar de consequenties zijn groter dan je denkt. Iemand die voorleessoftware gebruikt, kan de inhoud van die tabel niet horen. Je kunt tientallen maten en maatvoeringen niet in een alt-tekst proppen. En iemand die de tekst groter wil maken, het contrast wil verhogen, of meer ruimte tussen letters nodig heeft, kan dat niet. Want het is geen tekst, het is een plaatje.

De beste oplossing: zet die informatie in een echte HTML-tabel op de pagina. Een tabel die je kunt voorlezen, doorzoeken, vergroten en aanpassen. Een tabel die Google kan indexeren, waardoor je bij zoekopdrachten als “maat 43 loopschoenen” eerder verschijnt.

Dit is een punt waar je klanten verliest zonder het te merken. Iemand die zijn maat niet kan vinden, koopt niet. Iemand die onzeker is over de maat, bestelt niet. En je hebt geen idee dat het aan een screenshot lag.

Related Posts

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.”

Tekst in afbeelding

Tekst in afbeelding

Je hebt op je website een prachtige banner: “Vandaag 15% korting op alle artikelen.” De tekst staat ingebakken in het plaatje. Ziet er geweldig uit. Maar wie bereik je er eigenlijk mee? Alleen de mensen die het plaatje kunnen zien en de tekst scherp genoeg kunnen lezen. Mensen die voorleessoftware gebruiken, horen niks. Mensen die de tekst groter willen maken of het contrast willen verhogen, kunnen dat niet. En Google kan de tekst in je afbeelding niet lezen.

Decoratieve afbeeldingen

Decoratieve afbeeldingen

Ik kom het regelmatig tegen in audits: een decoratieve scheidingslijn, leuke bolletjes, of een achtergrondpatroon, en ze hebben allemaal een beschrijving. “Afbeelding, blauwe cirkel.” “Afbeelding, golvend lijntje.” Iemand die voorleessoftware gebruikt, hoort al die rommel tussendoor terwijl die gewoon door je webshop wil scrollen. Stel je voor dat je in een fysieke winkel loopt en bij elke stap iemand in je oor fluistert: “Tegel. Tegel. Nog een tegel.”