Dekorative bilder
Silktide finner bilder som er merket som dekorative med tom alternativ tekst, slik at du kan bekrefte at det faktisk er trygt for å hoppe over dem. Et bilde som er merket som dekorativt, er usynlig for personer som bruker skjermlesere.
<!-- Dette bildet hoppes over av hjelpemiddelteknologi.
Er det riktig, eller inneholder bildet informasjon? -->
<img src="chart.png" alt="">
Hvorfor dette er viktig
En tom alt="" forteller en at den skal
ignorere bildet fullstendig. Det er helt riktig for et
– et bilde som bare har et
estetisk formål, ikke gir informasjon og ikke har noen funksjon. Men den samme
tomme attributten på et diagram, et meningsbærende foto eller et bilde som
brukes som en knapp, skjuler i stillhet dette innholdet for alle som ikke kan se
det, og ingenting ser galt ut for en seende besøkende.
Tom alternativ tekst er også en vanlig standardverdi i maler og innholdsstyringssystemer, slik at meningsbærende bilder ved et uhell blir merket som dekorative i stedet for med hensikt.
Slik løser du det
Denne kontrollen ber deg gjennomgå hvert bilde i stedet for å rapportere bekreftede problemer. For hvert bilde:
- Hvis bildet faktisk er dekorativt, er det ikke nødvendig å gjøre endringer – funnet.
- Hvis bildet inneholder informasjon eller fungerer som en kontroll, erstatter du den tomme attributten med beskrivende i eller koden din.
- Et bilde der meningen gjentas fullstendig av tekst i nærheten – for eksempel et ikon
ved siden av det samme ordet – er korrekt dekorativt og bør beholde den tomme
alt="".
Slik tester Silktide dette
- Finn alle bilder på hver side med en uttrykkelig tom
alt=""-attributt. - Hopp over bilder som hjelpemiddelteknologi uansett ikke ville lest opp: bilder uten kilde, bilder som er 1 piksel eller mindre, og bilder som er skjult for skjermlesere.
- Hopp over bilder med en uttrykkelig
role="presentation"-attributt. I motsetning til en tomalt, som ofte er en standardverdi i en mal, er en presentasjonsrolle nesten alltid et bevisst valg. - Hopp over bilder fra kjente tredjepartstjenester, for eksempel innebygde kartfliser.
- List opp hvert gjenværende bilde, med teksten rundt som kontekst, slik at du kan bekrefte at det faktisk er dekorativt.
Bilder som ikke har noen alt-attributt i det hele tatt, rapporteres i stedet av
Manglende alternativ tekst.
Feilsøking
Hvorfor gjennomgå bilder som kanskje er i orden?
Om et bilde er dekorativt, avhenger av hva det viser og hvilken rolle det spiller på siden – ting ingen automatisert test kan vurdere. Silktide synliggjør beslutningen; du tar den én gang, og godkjente bilder forblir godkjent.