Tips om je online winkel gebruiksvriendelijk te maken voor alle bezoekers.

Om je bezoekers beter te helpen navigeren in je online winkel, is het belangrijk om toegankelijkheidsfuncties te integreren bij het ontwerpen van je commerce-site. Door dit te doen bevorder je niet alleen inclusiviteit, maar verbreed je ook je publiek. Gebruik deze gids om ontwerpelementen te bekijken die je misschien wilt overwegen en bronnen over hoe je je Commerce-site toegankelijker kunt maken.

Opmerking: Deze gids is een hulpmiddel, maar het is geen juridisch advies. Squarespace geeft geen advies over specifieke toegankelijkheidswetten of -normen die van toepassing zijn op jouw site of bedrijf, zoals vermeld in onze Servicevoorwaarden.

Productafbeeldingen

Afstand en grootte

Al je uitgelichte afbeeldingen van productelementen worden op je winkelpagina weergegeven in een raster. Om je winkel toegankelijker te maken voor bezoekers met een visuele beperking, kun je overwegen de afstand tussen je afbeeldingen aan te passen. Je kunt de opvulling vergroten en, door het aantal kolommen te veranderen, de grootte van de afbeeldingen aanpassen in de stijlen van het winkelgedeelte.

Voeg alt-tekst toe aan je productafbeeldingen

Als je fysieke producten verkoopt, is het belangrijk om een beschrijvende tekst (alt-tekst) te geven voor je productafbeeldingen. Alt-tekst kan bezoekers helpen die een schermlezer gebruiken om op je site te navigeren. Of bezoekers die om verschillende redenen geen toegang hebben tot afbeeldingen, zoals een traag netwerk. Bij het scannen van een pagina herkennen schermlezers afbeeldingen en lezen ze de alt-tekst voor aan bezoekers. Gebruik korte termen die het specifieke beeld en het product beschrijven. Je zou kunnen overwegen om de volgende informatie in je alt-tekst op te nemen:

• Kleur van het product – Deze tekst is mogelijk de enige manier waarop een bezoeker kan bepalen welke kleur het item heeft dat hij of zij koopt.
• Woorden en beschrijvingen van afbeeldingen en waar ze op het product staan - Als er woorden of afbeeldingen op je product staan, leest of beschrijft een schermlezer deze niet aan de bezoeker.

Je kunt de afbeeldingzoom inschakelen

Overweeg om de zoomfunctie in te schakelen om bezoekers met een visuele beperking te helpen. Indien ingeschakeld, kunnen bezoekers productafbeeldingen vergroten om het materiaal, de textuur en de details beter te bekijken. Voor meer informatie over deze functie, bezoek de speciale functies op de winkelpagina.

Aanvullende productinformatie

Je kunt aangepaste content toevoegen aan een productpagina door blokken toe te voegen in het gedeelte aanvullende informatie van de producteditor. Je kunt overwegen om dingen toe te voegen zoals:

• Afmetingen en gewicht van de verpakking, zodat klanten hun levering beter kunnen plannen.
• Video's van je product met onderschriften.
• Een maattabel als je kleding verkoopt. Maattabellen worden doorgaans niet door schermlezers voorgelezen. Wil je meer weten over het maken van een schermlezervriendelijke, tekstgebaseerde maattabel? Raadpleeg derden zoals Kiwi Sizing.

Opmerking: Neem voor alle vragen over diensten van derden rechtstreeks contact op met de derde partij.

Het kassaproces

Call-to-action (CTA)-knoppen

Het is essentieel dat je klanten toegang hebben tot interactieve elementen van Commerce, zoals de knoppen Toevoegen aan winkelwagentje en Doorgaan met winkelen. Om hierbij te helpen, kun je je knoppen zo vormgeven dat ze meer de aandacht trekken. Je kunt dit doen door het Masker, de omlijningsdikte en andere opmaakopties te veranderen.

Winkelwagentjepictogram

Hoewel het niet mogelijk is om de grootte van het winkelwagentje-pictogram aan te passen, kun je het toegankelijker maken door een rand toe te voegen en ervoor te zorgen dat het kleurcontrast voldoende is.

Als je één product verkoopt en het winkelwagentjeproces wilt omzeilen, kun je de Snelkassa inschakelen. Met de Snelkassa kun je een aankoopknop zo opmaken dat deze opvalt en beter toegankelijk is.

Audio-overwegingen

Als je audio-inhoud op je site hebt, kun je transcripties toevoegen. Dit maakt je content toegankelijker voor slechthorende bezoekers en is ook goed voor SEO. Om je pagina's georganiseerd te houden, wil je misschien transcripties opnemen op niet-gekoppelde pagina's.

Taal

Bij het beschrijven en promoten van je product of diensten, is het belangrijk om toegankelijke taal te gebruiken. Wil je meer weten over hoe je effectief en met toegankelijkheid in gedachten schrijft, bezoek Verbeter de toegankelijkheid van de site met inclusief ontwerp.