Ett av de enklaste sätten att göra din webbplats mer tillgänglig är att använda ett alt-attribut i dina bildtaggar. Det är fantastiskt för mig hur många som glömmer att använda den här enkla attributet. Faktum är att nu, om du vill skriva giltigt XHTML krävs alt attributet för img-taggen. Och ändå gör folk det fortfarande inte.
ALT Attributet
Alt attributet är ett attribut för img-taggen och är tänkt att vara en alt ernativ för icke-visuella webbläsare när de kommer över bilder. Det betyder att texten ska användas när bilden inte är synlig på sidan. Istället är det som visas (eller läses) alternativtexten.
Många webbläsare visar också alttexten när kunden vilar sin mus på bilden. Det betyder att texten ska vara tydlig och lätt att läsa och inte skapa en enorm popupmardröm för någon läsare pausa musen på din sida. Lägga till alt-text är enkelt, använd helt alt attributet på din bild. Här är några tips för att skriva alt-taggar:
Fatta dig kort
Vissa webbläsare kommer faktiskt att bryta om alttexten är för lång. Och medan det kan tyckas trevligt att beskriva vad som exakt är i bilden, är det inte meningen med alt-taggen. Istället bör det fyllas med exakt de ord som behövs för att sätta bilden i sammanhang och inte mer
Var tydlig
Var inte så kort att sammanhanget är förvirrande. Kom ihåg att vissa människor bara ser texten i dina alt-taggar, så om det är för kort kan de inte förstå vad du försöker visa dem. Till exempel:
- Ett träd: Bra
- Ett sycamore träd: Bättre
- Ett 10 meter högt sycamoraträd med mestadels bruna löv och eventuellt något fel med barken: För mycket
Var kontextuell
Beskriv inte bilden om den är avsedd att ses i ett sammanhang. Till exempel: Om du har en bild av företagslogotypen, ska du skriva "Företagsnamn" och inte "Företagets namnlogotyp".
Visa inte webbplatsens inre arbeten
Om du lägger in spacerbilder, använd bara ett mellanslag för din alttext. Om du skriver "spacer.gif" det bara uppmärksammar webbplatsen, snarare än att ge användbar information. Och tekniskt, om du försöker skriva giltig XHTML, bör du använda CSS snarare än distansbilder, så du kan också lämna alt text av bilderna.
Var sökmotorn medveten
Om du har bra, kortfattad, rensa alt text, som verkligen kan hjälpa dina sökmotorrangeringar, eftersom bilderna på din sida främjar och förbättrar dina sökord.
Använd inte den bara för sökmotoroptimering
Många webbplatser tror att om de använder alt text som ett SEO-verktyg kan de "lura" sökmotorerna för att optimera sin webbplats för ett sökord som de inte har där. Detta kan dock komma tillbaka om sökmotorn bestämmer att du försöker att fake dina resultat och tar bort dig helt från resultaten.
