Design för hemsida & webshop

Alt-attributet har varit föremål för många diskussioner. Det används i img-taggen som i sin tur är till för att visa bilder på din hemsida. Från och till stöter jag på uppfattningen att taggen är till för att visa små mouse-over förklaringar, så kallade tool-tips, i IE för besökaren, men det är helt fel. Alt-attributets beskrivning är ursprungligen till för att synskade och andra, som av någon anledning inte kan eller vill se bilder på din hemsida, ska kunna få en uppfattning av vad en bild föreställer när deras browser läser upp innehållet istället för att visa den grafiskt.

Beskrivningen är alltså ett alternativ till bildvisningen och ska så långt som möjligt beskriva innehållet i bilden, inte vilken typ av bild det är. Skriv inte “toppbild” när du kan skriva “Logotyp – Ditt företagsnamn”. Det är även så att i de fall ett fel i bildlänkningen skulle vara framme är alt-texten det som kommer att visas istället för bilden.

Nuförtiden har attributet även ett SEO-värde

Alla bilder ska inte ha någon alt-beskrivning men det gäller främst bilder som endast är dekorativa och inte fyller någon funktion för hur sidan används. Då ska du istället lämna attributet tomt (alt=”"). Om du tar bort det finns risken att vissa screen readers istället läser bildnamnet. Tänk dig in i situationen att du ska behöva lyssna på din sida, då upptäcker du kanske vissa element som bara utgör en störande repetition vid uppläsning.

Nuförtiden har attributet även ett SEO-värde eftersom robotar/spindlar som tex Googles bildsökningsrobot använder innehållet i alt-beskrivningen för att kunna indexera bilder på ett bra sätt. Dom är också blinda för bilder och det är helt rätt att även lägga en SEO-tanke när du skriver din text, men gör det inte till det primära syftet.

Du som gillar tool-tip effekten i IE ska tänka på att i Firefox syns inte alt-attributet som en tool-tip. Istället måste du använda dig av title-attributet i img-taggen. Ta det för vana att alltid använda båda attributen tillsammans med dina img-taggar.

Här kan du läsa mer om attributet.

Kategori: Webbdesign |