Dekoratives Bild

Ein dekoratives Bild dient ausschließlich einem ästhetischen Zweck - es vermittelt keine Informationen und hat keine Funktion. Hintergründe, Zierelemente und Abstandshalter sind typische Beispiele.

Dekorative Bilder sollten vor Hilfstechnologien verborgen werden, indem ihnen ein leerer Alt-Text (alt="") gegeben wird oder das Attribut role="presentation" gesetzt wird, damit Screenreader-Nutzende nicht durch Inhalte ausgebremst werden, die ihnen nichts sagen. Das alt-Attribut ganz wegzulassen, ist nicht dasselbe: Manche Screenreader greifen darauf zurück, den Dateinamen des Bildes vorzulesen, wenn alt fehlt, statt leer ist.

Mehr erfahren

• Understanding Non-text Content - das WCAG-Erfolgskriterium zu dekorativen Inhalten
• Images Tutorial: Decorative Images - das W3C-WAI-Tutorial
• Alt-Text