Webdev-Fragen zum Advent: Tag 3

Wie stellst du sicher, dass Bilder für Screenreader zugänglich sind?

a) Indem du das Bild im background definierst

b) Indem du die Bildgröße optimierst

c) Indem du ein beschreibendes alt-Attribut hinzufügst

d) Indem du aria-label für Bilder verwendest

Weiter geht es mit meinen Fragen zur Adventszeit.

Die Quizfrage zum 3. Dezember 2024 betrifft die digitale Barrierefreiheit und lautet:

Wie stellst du sicher, dass Bilder für Screenreader zugänglich sind?

Die Antwortmöglichkeiten lauten:

  • Indem du das Bild im background definierst
  • Indem du die Bildgröße optimierst
  • Indem du ein beschreibendes alt-Attribut hinzufügst
  • Indem du aria-label für Bilder verwendest

Wenn du eine Antwort hast, schreibe es doch als Antwort auf meinen Bluesky-Beitrag oder als Kommentar.

Auflösung (4.12.)

Die korrekte Antwort lautet:

Indem du ein beschreibendes alt-Attribut hinzufügst. Mit der Verlagerung eines Bild als Background nimmst du es zwar aus dem Fokus des Screenreaders raus, entziehst der Person jedoch die Infromation des Bildes. Die Optimierung des Bildes hat nichts mit der Darstellung des Screenreaders zu tun. Das aria-label zu verwenden wäre falsch, da es eben dafür als alt-Attribut gibt.