Image

[Yolijn]

Image

Rationale

Community

Utrecht

https://github.com/nl-design-system/utrecht/tree/main/components/img

HTML richtlijnen

• Gebruik het alt attribuut voor een beschrijvende tekst.
• Gebruik niet het title attribuut voor <img>.
  • De afbeelding moet goed zichtbaar zijn, maar sommige browsers maken een tooltip met voor de tekst in het title attribuut.
  • Een tooltip kan bijvoorbeeld een afbeelding van een QR-code onbruikbaar maken doordat de QR-code niet meer herkend wordt.

Resources

Bibliografie Using the HTML title attribute — Steve Faulkner

Relevante WCAG eisen

WCAG eis 1.1.1: afbeeldingen moeten een tekst als alternatief hebben, bijvoorbeeld via het alt-attribuut WCAG eis 1.4.5 WCAG eis 1.4.6 WCAG eis 1.4.9 WCAG eis 1.4.11 WCAG eis 3.1.2: de taal van de alt tag moet instelbaar zijn