Dekorativa bilder

Silktide hittar bilder som har markerats som dekorativa med tom alternativtext, så att du kan bekräfta att det verkligen är säkert för att hoppa över dem. En bild som har markerats som dekorativ är osynlig för personer som använder skärmläsare.

<!-- Den här bilden hoppas hjälpmedel över.
     Stämmer det, eller innehåller den information? -->
<img src="chart.png" alt="">

Varför detta är viktigt

En tom alt="" säger åt en att ignorera bilden helt. Det är helt rätt för en – en bild som bara fyller ett estetiskt syfte, inte tillför någon information och inte har någon funktion. Men samma tomma attribut på ett diagram, ett foto som förmedlar betydelse eller en bild som används som en knapp raderar tyst det innehållet för alla som inte kan se det, och ingenting ser fel ut för en seende besökare.

Tom alternativtext är också vanligt som standard i mallar och innehållshanteringssystem, så meningsfulla bilder markeras av misstag som dekorativa i stället för medvetet.

Så åtgärdar du det

Den här kontrollen ber dig granska varje bild i stället för att rapportera bekräftade problem. För varje bild:

Om bilden verkligen är dekorativ behövs ingen ändring – resultatet.
Om bilden innehåller information eller fungerar som ett kontrollelement ersätter du det tomma attributet med beskrivande i ditt eller i koden.
En bild vars innebörd helt upprepas av intilliggande text – till exempel en ikon bredvid samma ord – är korrekt dekorativ och ska behålla sin tomma alt="".

Så testar Silktide detta

Hitta alla bilder på varje sida som har attributet alt="", uttryckligen angivet som tomt.
Hoppa över bilder som hjälpmedel ändå inte skulle läsa upp: bilder utan källa, bilder som är 1 pixel eller mindre och bilder som är dolda för skärmläsare.
Hoppa över bilder med ett uttryckligt attribut role="presentation". Till skillnad från en tom alt, som ofta är ett standardvärde i en mall, är rollen presentation nästan alltid ett medvetet val.
Hoppa över bilder från kända tredjepartstjänster, till exempel inbäddade kartplattor.
Lista varje återstående bild, tillsammans med omgivande text som kontext, så att du kan bekräfta att den verkligen är dekorativ.

Bilder som helt saknar attributet alt rapporteras i stället av Saknad alt-text.

Felsökning

Varför granska bilder som kan vara helt okej?

Om en bild är dekorativ beror på vad den föreställer och vilken roll den har på sidan – sådant som inget automatiserat test kan avgöra. Silktide visar beslutet; du fattar det en gång, och godkända bilder förblir godkända.