Svag alt-tekst

Billeder bør have skriftlige beskrivelser, der formidler, hvad de viser. Silktide rapporterer billeder, hvis beskrivelser findes, men ikke ser ud til at have nogen reel værdi, f.eks. et filnavn eller ordet "billede".

Alt-tekst skal træde i stedet for billedet. Tekst som et filnavn, en URL eller et generisk ord beskriver ingenting:

<!-- Svag: et filnavn fortæller ikke lytteren noget -->
<img src="chart.png" alt="chart-final-v2.png">

<!-- Beskrivende: formidler, hvad billedet viser -->
<img src="chart.png" alt="Søjlediagram, der viser, at salget blev fordoblet mellem 2024 og 2026">

Hvorfor dette er vigtigt

Personer, der bruger skærmlæsere, hører alt-tekst i stedet for billedet. "IMG understregning 4 3 2 7 punktum J P G" læst højt er værre end stilhed: Det afbryder indholdet uden at formidle noget. Svag alt-tekst betyder som regel, at et CMS automatisk har udfyldt feltet ud fra filnavnet, så billedet består en naiv test af, om det "har alt-tekst", men stadig svigter den person, det var tiltænkt.

Søgemaskiner læser også alt-tekst for at forstå billeder, så svag tekst spilder en mulighed for at få dine billeder fundet i søgninger.

Sådan løser du det

1. Omskriv alt-teksten, så den beskriver, hvad billedet viser, eller hvad det bruges til, i en naturlig sætning. Forestil dig, at du beskriver siden for nogen over telefonen.
2. For billeder, der er links eller knapper, skal du beskrive destinationen eller handlingen ("Søg", "Se din kurv") frem for billedet.
3. Brug en tom alt="" for rent dekorative billeder, så skærmlæsere springer dem helt over.
4. Løs også problemets kilde: Mange CMS'er udfylder automatisk alt-tekst fra filnavne, når billeder uploades. Indtast rigtige beskrivelser i dit mediebibliotek.
5. Hvis den markerede alt-tekst faktisk er passende, skal du godkende fundet.

Sådan tester Silktide dette

1. Find hvert billede på siden, der har ikke-tom alt-tekst. Billeder med manglende eller tom alt-tekst rapporteres af separate tjek, f.eks. Manglende alt-tekst.
2. Spring billeder over, der ikke behøver en beskrivelse: billeder skjult for skærmlæsere, sporingspixel og andre billeder på 1 pixel samt billeder uden kilde.
3. Markér alt-tekst, der virker uinformativ:
   • Den ligner et filnavn (f.eks. photo.jpg).
   • Den er en URL.
   • Den ligner ikke ord, der kan læses af mennesker (f.eks. img_4327_final-2).
   • Den er et kendt generisk ord eller udtryk, f.eks. "billede", "foto", "logo" eller "klik her".
   • Den indeholder slet ingen bogstaver eller tal.

Fejlfinding

Min produktkode eller mit brandnavn er markeret

Alt-tekst, der består af et enkelt kodeagtigt symbol, kan se maskinelt genereret ud for dette tjek. Hvis teksten faktisk er den rigtige beskrivelse (f.eks. et produkt-SKU, som dine kunder kender), skal du godkende fundet – eller endnu bedre, udvide det til en sætning: "Produktfoto af ZX-200-boremaskinen".

Billeder fra indlejrede kort er markeret

Kortfliser fra indlejrede korttjenester genereres af udbyderen, og du kan ikke redigere deres alt-tekst. Silktide kan udelukke tredjepartsbilleder som disse fra kontrol; hvis du ser dem markeret, skal du godkende dem eller kontakte os om at udelukke tredjepartsproblemer for dit website.

Få mere at vide

• Et beslutningstræ for alt-tekst (W3C Web Accessibility Initiative)
• Ikke-tekstbaseret indhold (forståelse af WCAG 2.1)
• Manglende alt-tekst