Alt-text, kort för "alternativ text," används för att beskriva bilder på webbplatser och sociala medier. Dess primära syfte är att erbjuda ett textbaserat alternativ till en bild för användare som inte kan se den, oavsett om det beror på synnedsättning eller tekniska problem som låsamt internet. När en bild inte laddas visas alt-texten i dess ställe för att beskriva vad bilden föreställer.
Alt-text är avgörande för tillgänglighet och SEO. För användare med synnedsättning som förlitar sig på skärmläsare hjälper alt-texten dem att förstå bildens innehåll. Det hjälper också sökmotorer att indexera ditt innehåll, vilket gör din sajt mer sökbar. I grund och botten säkerställer alt-text att alla kan ta del av innehållet på din webbplats, oavsett hur de besöker den.
Vanligtvis är alt-text inte synlig på en webbsida om inte bilden misslyckas med att ladda, eller om en användare använder en skärmläsare. Vem som helst kan dock kontrollera alt-texten genom att titta på sidans HTML-kod eller använda verktyg för tillgänglighet.
Ja, alt-text är absolut värt det! Det förbättrar inte bara tillgängligheten för personer med funktionsnedsättning, utan det stärker också din SEO genom att hjälpa sökmotorer att förstå sammanhanget i dina bilder. Genom att lägga till beskrivande alt-text gör du ditt innehåll mer inkluderande och sökbart.
Dålig alt-text är för vag eller lite hjälpsam. Att till exempel skriva “bild001.jpg” eller “foto på en person” ger inte tillräckligt med sammanhang. Bra alt-text bör vara beskrivande och specifik. Till exempel är “En kvinna som håller en kaffekopp medan hon sitter vid ett skrivbord” mycket mer informativt.
Alt-text ska beskriva bilden på ett tydligt och koncist sätt. Den bör fokusera på de viktiga detaljerna som är relevanta för innehållet. En bra tumregel är att hålla den mellan 5–15 ord och göra den specifik. Alt-text handlar om att hjälpa användaren förstå bilden, så undvik att skriva för mycket eller för lite.
Inte alla bilder kräver alt-text. Dekorativa bilder eller ikoner som inte tillför någon mening till innehållet, som en dekorativ bakgrund, kan lämnas utan alt-text. I dessa fall kan du använda ett tomt alt-attribut (alt="") så att skärmläsare hoppar över det utan att förvirra användaren.
Om alt-text saknas kommer användare med synnedsättning inte att kunna förstå bildens sammanhang, och sökmotorer kommer inte att kunna indexera den korrekt. Detta kan skada både tillgänglighet och SEO, sö det är alltid bäst att inkludera alt-text när en bild förmedlar viktig information.
Alt-text bör generellt vara koncis men beskrivande. Sikta på cirka 5–15 ord som tydligt beskriver bildens innehåll och syfte. Det finns ingen strikt gräns, men längre beskrivningar kan bli väldiga att hantera för användare av skärmläsare.