Bilder uten hemmeligheter: Den komplette veiledningen til å skrive effektiv alt-tekst

"Hvilket filnavn vil du at en skjermleser skal lese høyt i øret ditt 40 ganger om dagen?" Det er et litt absurd spørsmål, men det er akkurat det som skjer når et meningsfylt bilde står igjen med alt="image1.jpg" eller, enda verre, ingen alt-tekst i det hele tatt. Denne artikkelen er en praktisk guide til å skrive alt-tekst som faktisk hjelper – ikke bare tilstede, men bra.

Hvorfor dårlig alt-tekst er nesten like dårlig som manglende alt-tekst

Under WCAG 1.1.1 må alt ikke-tekstlig innhold ha et tekstalternativ – men det formelle kravet er bare halve historien. "image1.jpg", "image" eller "logo" oppfyller teknisk sett kravet (det er et alt-attributt), men de formidler ingen reell informasjon. En skjermleserbruker som hører en streng med "image... image... image23.png" er ikke mindre frustrert enn en seende bruker som ser på en serie tomme rammer.

Hvordan skrive god alt-tekst

Den veiledende regelen: beskriv bildets budskap i konteksten der det vises, ikke en bokstavelig beskrivelse av det du ser. Et bilde av folk rundt et bord i et teammøte, som følger med en artikkel om samarbeid, kan gis "Team som jobber sammen rundt et bord" - ikke "Foto av mennesker." For et diagram eller en graf, beskriv takeawayen diagrammet presenterer: "Søylediagram som viser en 40 % økning i salg i tredje kvartal" er betydelig bedre enn "Søylediagram."

• Kort og målrettet — vanligvis er 1–2 setninger nok; det er ikke nødvendig å beskrive alle visuelle detaljer.
• Hopp over «bilde av» eller «bilde av» – skjermleseren kunngjør allerede at det er et bilde, så det er ikke nødvendig å gjenta det.
• Tenk på den omkringliggende teksten – det samme bildet kan få forskjellig alt-tekst i forskjellige sammenhenger.

Når skal alt-tekst være tom med hensikt

Ikke alle bilder trenger en beskrivelse. Rent dekorative bilder – grafiske skillelinjer, bakgrunnsillustrasjoner, ikoner som bare gjentar nærliggende tekst – merkes best medalt=""(tom alt-tekst, mangler ikke) så skjermleseren hopper over dem helt. Forskjellen mellom "mangler" og "med hensikt tom" er kritisk: mangler høres ut som en feil eller leser opp filnavnet; forsettlig tom hopper bare over det stille.

Hva du skal gjøre med komplekse diagrammer og diagrammer

For et komplekst datadiagram, en illustrert sammenligningstabell eller en infografikk med flere lag med informasjon, er kort alt-tekst ikke nok – det er for mye informasjon å formidle. Løsningen: kort alt-tekst som beskriver det generelle emnet, ved siden av det (i den vanlige teksten rundt bildet, ikke bare i alt-attributtet) en mer detaljert beskrivelse av viktige data, eller en tilsvarende datatabell en skjermleser kan navigere i.