Dekorative billeder

Silktide finder billeder, der er markeret som dekorative med tom alternativ tekst, så du kan bekræfte, at det faktisk er sikkert for at springe dem over. Et billede, der er markeret som dekorativt, er usynligt for personer, der bruger skærmlæsere.

<!-- Dette billede springes over af hjælpeteknologi.
     Er det korrekt, eller indeholder det information? -->
<img src="chart.png" alt="">

Hvorfor dette er vigtigt

En tom alt="" fortæller en , at den skal ignorere billedet helt. Det er helt korrekt for et – et billede, der kun tjener et æstetisk formål, ikke giver information og ikke har nogen funktion. Men det samme tomme attribut på et diagram, et foto med betydning eller et billede, der bruges som en knap, fjerner uden varsel dette indhold for alle, der ikke kan se det, og intet ser forkert ud for en seende besøgende.

Tom alt-tekst er også en almindelig standardindstilling i skabeloner og indholdsstyringssystemer, så meningsfulde billeder ved et uheld ender med at blive markeret som dekorative frem for bevidst.

Sådan løser du det

Dette tjek beder dig om at gennemgå hvert billede i stedet for at rapportere bekræftede problemer. For hvert billede:

Hvis billedet faktisk er dekorativt, er der ingen ændring nødvendig – fundet.
Hvis billedet indeholder information eller fungerer som et kontrolelement, skal du erstatte den tomme attribut med beskrivende i dit eller i koden.
Et billede, hvis betydning gentages fuldt ud af tilstødende tekst – f.eks. et ikon ved siden af det samme ord – er korrekt dekorativt og skal beholde sin tomme alt="".

Sådan tester Silktide dette

Find hvert billede på hver side med en eksplicit tom alt=""-attribut.
Spring billeder over, som hjælpeteknologi alligevel ikke ville annoncere: billeder uden kilde, billeder på 1 pixel eller mindre og billeder, der er skjult for skærmlæsere.
Spring billeder over med en eksplicit role="presentation"-attribut. I modsætning til en tom alt, der ofte er en standardindstilling i en skabelon, er en præsentationsrolle næsten altid et bevidst valg.
Spring billeder over fra kendte tredjepartstjenester, f.eks. integrerede kortfliser.
Vis hvert resterende billede med den omgivende tekst som kontekst, så du kan bekræfte, at det faktisk er dekorativt.

Billeder uden en alt-attribut overhovedet rapporteres i stedet af Manglende alt-tekst.

Fejlfinding

Hvorfor gennemgå billeder, der måske er i orden?

Om et billede er dekorativt, afhænger af, hvad det viser, og hvilken rolle det spiller på siden – ting, som ingen automatiseret test kan vurdere. Silktide fremhæver beslutningen; du træffer den én gang, og godkendte billeder forbliver godkendt.