Kortfattat: Alt-text beskriver bildens innehåll för hjälpmedel och när bilden inte kan visas, och kan även stödja bildsök.
Beskriv bilden för den som inte ser den
Alt-text läses av skärmläsare och visas om bilden inte kan laddas. Den ska förmedla bildens relevanta innehåll och funktion i sammanhanget.
Skriv konkret och kort
Beskriv vad bilden visar utan att börja med bild av. Om bilden är en länk eller knapp ska alt-texten förklara handlingen.
Dekorativa bilder
En rent dekorativ bild bör ha tom alt-attribut, alt="", så att skärmläsaren hoppar över den. Lägg inte meningslösa sökord i alt-texten.
SEO är sekundärt
Beskrivande alt-text kan hjälpa bildsök och förståelse, men tillgänglighet är huvudsyftet. Samma formulering ska inte kopieras till alla bilder.
Optimera bilden före uppladdning
Välj rimliga pixelmått utifrån var bilden ska visas, komprimera filen och använd ett modernt format när stödet är tillräckligt. Ett fotografi behöver normalt inte samma behandling som en logotyp eller illustration. Beskrivande filnamn och ALT-text hjälper både tillgänglighet och administration.
Praktiska nästa steg
Alt-text beskriver bildens innehåll för hjälpmedel och när bilden inte kan visas, och kan även stödja bildsök. Börja med att beskriva nuläget, målet och vilka delar av webbplatsen som påverkas. Genomför sedan förändringen i små steg, dokumentera inställningar och kontrollera resultatet på mobil och dator. För en företagswebbplats bör funktion, tydlighet, säkerhet och möjlighet till framtida underhåll vägas samman.
Kontrollera visningen på olika skärmar
Granska skärpa, beskärning och filstorlek på mobil och dator. WordPress kan skapa flera bildstorlekar och webbläsaren kan välja mellan dem med srcset. Undvik att ladda en mycket stor originalbild när den endast visas som en liten miniatyr.
Fördjupa dig i relaterade guider
Ämnet hänger ihop med flera delar av en modern företagshemsida. Läs vidare om Vad är WebP?, Vad är AVIF?, Hur komprimerar man bilder?. Genom att kontrollera helheten minskar risken att en isolerad ändring skapar problem för indexering, säkerhet, e-post eller prestanda.
Sammanfattning
Alt-text beskriver bildens innehåll för hjälpmedel och när bilden inte kan visas, och kan även stödja bildsök. Arbeta stegvis, dokumentera nuläget och kontrollera resultatet efter varje förändring. För företag är en hållbar lösning en som både fungerar för besökaren i dag och är enkel att underhålla när webbplatsen utvecklas vidare.
Behöver företaget en bättre hemsida?
Få ett tydligt förslag och fast pris
Vi bygger och förbättrar WordPress-hemsidor med fokus på tydlighet, prestanda, SEO och enkel förvaltning.
Frågor och svar
Vanliga frågor om vad är alt-text?
Vad bör jag kontrollera först?
Alt-text läses av skärmläsare och visas om bilden inte kan laddas.
Hur vet jag att det fungerar?
Testa den berörda funktionen i ett privat webbläsarfönster, på mobil och dator, och kontrollera relevanta loggar eller verifieringsverktyg.
När bör jag ta hjälp?
Ta hjälp när ändringen påverkar försäljning, e-post, indexering, säkerhet eller hela webbplatsens tillgänglighet och du saknar en verifierad backup.