Was macht die Komponente?

• Bilder unterstützen das Verständnis von Texten.

Wann soll die Komponente eingesetzt werden?

• Zur Unterstützung der textuellen Kommunikation können Bilder eingesetzt werden (visuelle Kommunikation).

Regeln

• Die Aufbereitung von Bildern und Illustrationen ist durch die Vorgaben von KOM geregelt. Siehe Markenportal: Foto und Illustration.

• Grundsätzlich soll mit Bildern sparsam umgegangen werden.

Varianten und Zustände

Bei Bildern werden folgende Stile unterschieden:

• Fotografie
• Illustration
• Infografik

Barrierefreiheit

• Text zu Hintergrund (z.B. Infografiken) muss einen minimalen Kontrast von 4.5:1 aufweisen.
• Grafiken mit Informationsgehalt müssen mit einem Alternativtext versehen werden.
• Es muss nicht das Bild selbst, sondern seine Aussage in Textform beschrieben werden.
• Rein dekorative Grafiken (z.B. Mood Bilder) erhalten explizit keinen Alternativtext.
• Komplexe visuelle Darstellungen (z.B. Infografiken) müssen zusätzlich in einer anderen Form (z.B. Tabellen) aufbereitet werden.

Komponente finden

Mobile

Suchbegriff eingeben

Basics Brand Image Typography Components Button Checkbox Chip Container Context menu Dropdown Header List item List view Loading indicator Message Modal view Notification Box Pagination Picker Promotion-Box Radiobutton Segmented button Slider Status Switch Tabbar Text input Textarea Toast Up dn counter