Wcag uitgelegd

Productafbeelding zonder beschrijving

Productafbeelding zonder beschrijving — Afbeeldingen in webshops (post 1/8)

Ik moest een keer nieuwe golfschoenen kopen. De volgende dag zou ik gaan golfen en ik moest voor 16:00 bestellen om ze op tijd te krijgen. Die hele dag zat ik in de auto. En ik heb een stoornis: maximaal drie kleuren in mijn outfit. De schoenen moesten wit zijn met rode elementen. Probeer dat eens in de file te vinden op je telefoon. Ik kon alleen maar luisteren naar wat de voorleessoftware me vertelde. Maar bij de meeste webshops was er niks te horen — geen kleur, geen materiaal, geen details. En toen was ik weg als klant.

Je toont een ziende bezoeker leuke details van je product om ze te overtuigen. Maar vergeet niet dat niet iedereen het product kan zien. Mensen luisteren naar webpagina’s in de auto, op de fiets, met een gebroken arm, met vermoeide ogen aan het einde van de dag. Google leest die beschrijvingen trouwens ook: het gebruikt alt-teksten om je producten te indexeren in Google Afbeeldingen. Geen beschrijving? Dan besta je daar niet.

Een goede productbeschrijving in de alt-tekst kost je een paar seconden per product. Het levert je klanten op die je nu kwijtraakt zonder dat je het weet.

Related Posts

Negatieve outline-offset die de focus verbergt

Negatieve outline-offset die de focus verbergt

Een link met een donkere achtergrond. De focusindicator is er — een zwarte outline van 2 pixels. Maar outline-offset: -4px duwt die outline naar binnen. Onder de achtergrondkleur.

Tekst in afbeeldingen: waarom het niet mag (WCAG 1.4.5)”

WCAG 1.4.5 Afbeeldingen van tekst: waarom je tekst nooit als plaatje mag gebruiken Je designer heeft een prachtige header gemaakt. Goed verkopende tekst, perfecte kleurverloop, precies het juiste effect. Hij levert een JPG aan. Klaar, toch?

Alt-tekst schrijven: de keuzehulp voor de juiste alt-tekst bij elke afbeelding

Elke afbeelding op je website heeft een alt-attribuut nodig. Maar wat je daarin schrijft, hangt af van de context. Is de afbeelding decoratief? Dan laat je de alt-tekst leeg (alt=""). Bevat de afbeelding informatie? Dan beschrijf je die informatie.