Skriv användbara bildbeskrivningar för din webbplats

En bild kan behöva mer än en sorts beskrivning. En placeringsanvisning berättar för webbplatsbyggaren hur bilden ska användas. En synlig bildtext förklarar sammanhanget för läsarna. Alternativtext förmedlar viktig visuell innebörd till personer som inte kan se bilden. Dessa funktioner kan överlappa, men de är inte utbytbara.

Berätta för webbplatsbyggaren vad du vill

Beskriv vad bilden visar och varför du lägger till den. Till exempel: ”Det här är stolen som jag restaurerade. Placera den bredvid restaureringsprojektet, efter bilden som visar hur den såg ut före restaureringen.” Ta med eventuella viktiga önskemål om beskärning. Be inte webbplatsbyggaren att dra slutsatser om ett kundomdöme, en plats eller en produktspecifikation som inte har fastställts utifrån dina fakta.

Använd bildtexter för sammanhang

En bildtext kan ange namnet på ett projekt, ge ett datum eller förklara vilket skede som visas. Den bör tillföra användbar information i stället för att upprepa rubriken. Om bilden visar ett fiktivt koncept eller ett övningsprojekt ska du tydligt ange det sammanhanget. Kontrollera namn och datum före publicering.

Beskriv innebörden i stället för varje pixel

Alternativtexten bör förmedla vad bilden tillför i sitt sammanhang. Ett projektfoto kan behöva en kort beskrivning av det färdiga arbetet. En dekorativ utsmyckning kan behöva tom alternativtext så att den hoppas över. Om en bild innehåller viktiga instruktioner eller priser ska du även ange den informationen som vanlig text på sidan.

Granska tillsammans med det omgivande avsnittet

Läs rubriken, stycket, bildtexten och bildbeskrivningen tillsammans. Ta bort upprepningar som gör sidan tröttsam att navigera på. Kontrollera om en besökare kan förstå huvudbudskapet när bilden inte läses in. Texten ska inte påstå att en bild bevisar något som den inte visar.

När du lägger till bilder i VollSite ska du beskriva deras funktion och granska den genererade placeringen när den begärda ändringen är klar. Spara originalfilerna separat och använd bara material som du har rätt att publicera. Se https://web.dev/learn/design/accessibility för grundläggande vägledning om tillgänglighet. Automatiska kontroller kan hitta vissa saknade beskrivningar, men en person behöver fortfarande bedöma om formuleringen förmedlar rätt innebörd.