Skriv nyttige bildebeskrivelser for nettstedet ditt

Et bilde kan trenge mer enn én type beskrivelse. En instruks om plassering forteller nettstedsbyggeren hvordan bildet skal brukes. En synlig bildetekst gir leserne kontekst. Alternativ tekst formidler viktig visuell betydning til personer som ikke kan se bildet. Disse funksjonene kan overlappe, men de kan ikke erstatte hverandre.

Fortell nettstedsbyggeren hva du ønsker

Beskriv hva bildet viser, og hvorfor du legger det til. For eksempel: «Dette er stolen jeg restaurerte. Plasser den ved siden av restaureringsprosjektet, etter før-bildet.» Ta med eventuelle ønsker om beskjæring som er viktige. Ikke be nettstedsbyggeren utlede en kundeanbefaling, et sted eller en produktspesifikasjon som ikke er fastslått ut fra opplysningene dine.

Bruk bildetekster for å gi kontekst

En bildetekst kan navngi et prosjekt, oppgi en dato eller forklare hvilket trinn som vises. Den bør tilføre nyttig informasjon i stedet for å gjenta overskriften. Hvis bildet viser et fiktivt konsept eller et øvingsprosjekt, må du gjøre denne konteksten tydelig. Kontroller navn og datoer før publisering.

Beskriv betydningen, ikke hver piksel

Alternativ tekst bør formidle hva bildet bidrar med i sammenhengen det brukes i. Et prosjektbilde kan trenge en kort beskrivelse av det ferdige arbeidet. En dekorativ detalj kan ha tom alternativ tekst, slik at den hoppes over. Hvis et bilde inneholder viktige instruksjoner eller priser, må du også oppgi denne informasjonen som vanlig sidetekst.

Gå gjennom teksten sammen med den tilhørende delen

Les overskriften, avsnittet, bildeteksten og bildebeskrivelsen samlet. Fjern gjentakelser som gjør siden slitsom å navigere. Sjekk om en besøkende kan forstå hovedbudskapet hvis bildet ikke lastes inn. Teksten skal ikke hevde at et bilde beviser noe det ikke viser.

Når du legger til bilder i VollSite, beskriver du hvilken funksjon de har og kontrollerer den genererte plasseringen når den forespurte endringen er fullført. Oppbevar originalfilene separat, og bruk bare materiale du har rett til å publisere. Se https://web.dev/learn/design/accessibility for grunnleggende veiledning om tilgjengelighet. Automatiske kontroller kan finne enkelte manglende beskrivelser, men en person må fortsatt vurdere om ordlyden formidler riktig betydning.