4.7 Bilder, Icons, Grafiken

4.7.1 Welche Bilder brauchen eine Textalternative?

Fußnoten:

  1. Image Concepts Decision Tree – W3C
  2. Web Developer Browser Extension – Chris Pederick
  3. Thoughts on Screen Readers and Image Recognition – Léonie Watson
  4. ALT TAG EMPTINESS – HTML Accessibility
  5. Screen Reader User Survey #10 Results – WebAIM
  6. Captchas Suck – Axess Lab
  7. Inaccessibility of CAPTCHA – W3C
  8. HCaptcha, ReCaptcha und co. – warum es keine barrierefreien Bild-Codes gibt – Digitale Barrierefreiheit

4.7.2 Emojis, ASCII-Zeichenkunst, SVGs usw.

Fußnoten:

  1. Bilder aus einem oder mehreren HTML-Elementen mit kreativem Gebrauch von CSS
  2. HTML Accessibility API Mappings 1.0 – W3C
  3. Almost a Proper Close Button – HtmHell
  4. Dasselbe gilt auch für den KI-generierten Text, z. B.: "Grafik. Bild kann enthalten: Zwei Personen, Personen lächeln, Brille, im Freien und Nahaufnahme."
  5. Accessible SVG Patterns Comparison – Smashing Magazine
  6. ARIA: img role – MDN Web Docs
  7. Providing text alternatives for ASCII art, emoticons, and leetspeak – W3C
  8. ARIA: img role – MDN Web Docs
  9. Using CSS to include decorative images – W3C
  10. WAI-ARIA 1.2: The generic role – W3C
  11. Short Note on aria-label, aria-labelledby, and aria-describedby – TPGi
  12. Alternative Text for CSS Generated Content – Adrian Roselli
  13. Alt Text for CSS Generated Content – tempertemper

4.7.3.Wann darf das alt-Attribut leer bleiben?

Fußnoten:

  1. H30: Providing link text that describes the purpose of a link for anchor elements – W3C
  2. Accessibility – Font Awesome Docs
  3. Material Icons in HTML verwenden – Google Fonts
  4. My Approach to Alt Text – Adrian Roselli
  5. Leitfaden zum Schreiben guter Alternativtexte – Digitale Barrierefreiheit
  6. ALT-Texte: Für barrierefreie Bilder in den sozialen Medien – Gehirngerecht Digital
  7. Write Alt Text – Google Developers
Zurück zur Übersicht