Hopp til innhold
SilktideHjelp

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:

  1. Hvis bildet faktisk er dekorativt, er det ikke nødvendig å gjøre endringer – funnet.
  2. Hvis bildet inneholder informasjon eller fungerer som en kontroll, erstatter du den tomme attributten med beskrivende i eller koden din.
  3. 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

  1. Finn alle bilder på hver side med en uttrykkelig tom alt=""-attributt.
  2. 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.
  3. Hopp over bilder med en uttrykkelig role="presentation"-attributt. I motsetning til en tom alt, som ofte er en standardverdi i en mal, er en presentasjonsrolle nesten alltid et bevisst valg.
  4. Hopp over bilder fra kjente tredjepartstjenester, for eksempel innebygde kartfliser.
  5. 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.

Les mer

Sist oppdatert

Var denne siden nyttig?