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.

Trova un componente

Mobile

Inserire il termine di ricerca

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