Bilder och grafik spelar en viktig roll i e-handel, men för att alla kunder ska kunna ta del av ditt innehåll behöver du använda textalternativ och tydliga bildbeskrivningar. Det hjälper personer med synnedsättning som använder skärmläsare och gör din webbshop mer tillgänglig. Här är några viktiga riktlinjer för att använda bilder på ett tillgängligt sätt.
Vad är textalternativ (alt-text)?
Textalternativ (alt-text) är en kort beskrivning av en bild som läses upp av skärmläsare. Den hjälper användare som inte kan se bilden att förstå dess innehåll.
Bra textalternativ...
- Beskriver bildens innehåll kort och tydligt.
- Förmedlar relevant information som användaren behöver.
- Undviker ord som "bild av" eller "foto av", eftersom skärmläsare redan anger att det är en bild.
Exempel:
Otydlig: "En tröja"
Tydlig: "Blå bomullströja med rund hals och korta ärmar"
När ska du använda textalternativ?
- Produktbilder: Beskriv produktens utseende och viktiga detaljer.
- Dekorativa bilder: Lämna textalternativet tomt (alt="") om bilden inte förmedlar viktig information.
- Infografik och diagram: Sammanfatta huvudbudskapet i textalternativet eller komplettera med en förklarande text i brödtexten.
Skillnaden mellan alt-text och bildbeskrivningar
Textalternativ är korta och beskrivande, medan bildbeskrivningar kan ge mer kontext.
Exempel:
Alt-text: "Röd vinterjacka med huva och dragkedja."
Bildbeskrivning: "Den här jackan är designad för kallt väder och har en varm foderklädsel. Perfekt för vintern!"
Testa dina textalternativ
- Använd en skärmläsare för att lyssna på hur dina bilder beskrivs.
- Be personer i din omgivning att läsa och ge feedback.
Sammanfattning
Att skriva bra textalternativ och bildbeskrivningar hjälper inte bara kunder med synnedsättning, utan gör även din e-handel mer sökmotorvänlig och tillgänglig för alla. Genom att följa dessa riktlinjer skapar du en bättre upplevelse för alla dina besökare.
För vidare läsning, se tillsynsmyndigheten Diggs förklaring av lagkraven kring textalternativ här: Beskriv med text allt innehåll som inte är text | Digg
Håll också utkik efter vårt nästa inlägg om hur du gör länkar och knappar mer tillgängliga!