"Hvilket filnavn vil du have, at en skærmlæser læser højt i dit øre 40 gange om dagen?" Det er et lidt absurd spørgsmål, men det er præcis, hvad der sker, når et meningsfuldt billede efterlades med alt="image1.jpg" eller, endnu værre, slet ingen alt-tekst. Denne artikel er en praktisk guide til at skrive alt-tekst, der rent faktisk hjælper - ikke bare nærværende, men god.
Kort sagt – hvad denne vejledning dækker
Hvorfor dårlig alt-tekst er næsten lige så dårlig som manglende alt-tekst
Under WCAG 1.1.1 skal alt ikke-tekstindhold have et tekstalternativ - men det formelle krav er kun halvdelen af historien. "image1.jpg", "image" eller "logo" opfylder teknisk set kravet (der er en alt-attribut), men de formidler ingen reel information. En skærmlæserbruger, der hører en streng af "image... image... image23.png", er ikke mindre frustreret end en seende bruger, der ser på en række tomme rammer.
Sådan skriver man god alt-tekst
Den vejledende regel: beskriv billedets budskab i den kontekst, hvor det vises, ikke en bogstavelig beskrivelse af, hvad du ser. Et billede af mennesker omkring et bord i et teammøde, der ledsager en artikel om samarbejde, kunne gives "Team arbejder sammen omkring et bord" - ikke "Foto af mennesker." For et diagram eller en graf, beskriv den takeaway, diagrammet viser: "Søjlediagram, der viser en stigning på 40 % i salget i tredje kvartal" er væsentligt bedre end "Søjlediagram".
- Kort og målrettet — normalt er 1-2 sætninger nok; der er ingen grund til at beskrive alle visuelle detaljer.
- Spring "billede af" eller "billede af" over – skærmlæseren meddeler allerede, at det er et billede, så det er ikke nødvendigt at gentage det.
- Tænk på den omgivende tekst – det samme billede kan få forskellig alt-tekst i forskellige sammenhænge.
Hvornår skal alt tekst være tom med vilje
Ikke alle billeder behøver en beskrivelse. Rent dekorative billeder - grafiske skillelinjer, baggrundsillustrationer, ikoner, der bare gentager nærliggende tekst - er bedst tagget medalt=""(tom alt-tekst, mangler ikke), så skærmlæseren springer dem helt over. Forskellen mellem "mangler" og "med vilje tom" er kritisk: mangler lyder som en fejl eller læser filnavnet op; bevidst tom springer simpelthen over det lydløst.
💡 Praktisk tip
En hurtig test: Hvis du slettede billedet helt fra siden, ville en bruger, der ikke kan se det, mangle noget? Hvis ikke - er det sandsynligvis dekorativt og egnet til et tomt alt.
Hvad skal man gøre med komplekse diagrammer og diagrammer
For et komplekst datadiagram, en illustreret sammenligningstabel eller en infografik med flere lag af information, er kort alt-tekst ikke nok – der er for meget information at formidle. Løsningen: kort alt-tekst, der beskriver det generelle emne, ved siden af det (i den almindelige tekst, der omgiver billedet, ikke kun i alt-attributten) en mere detaljeret beskrivelse af de vigtige data, eller en tilsvarende datatabel, som en skærmlæser kan navigere i.
Ikke sikker på, hvilken alternativ tekst der mangler eller er problematisk på dit websted?
Vores værktøj finder billeder uden alt-tekst på tværs af hvert dokument på dit websted og markerer dem efter prioritet.
Gør dine dokumenter tilgængelige gratis ←