Principi Base Accessibilité Sistema di design Guidelines Deutsch Français Italiano English I nostri principi di design Soluzioni focalizzate sull’utente Riconoscibilità Inclusione Riduzione Olistico Autoesplicativo Orientamento all’attività Adeguatezza Portale della marca FFS Logo Orologio digitale Diritti di utilizzazione Colori die base Colori funzionali Colori Off Brand Icone Icone dell'orario Pittogrammi Informazioni sull’accessibilità Über diesen Guide Contatti Letture consigliate Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Designing Coding FAQ Aiuto Processo Contribution Contatto Introduzione Base Componenti Overview Releases Design Tokens Komponenten Introduzione Base Informazioni Introduzione Base Componenti Senso & scopo Community Assets Istruzioni Power-Apps Banner pubblicitari digitali SAP Icone delle app Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili Deutsch English Image

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.
Contatto

Avete domande? Forse le nostre FAQ o la nostra guida vi saranno d'aiuto, altrimenti potete inserire la vostra domanda nella board corrispondente su Github.

Impressum Contatto Protezione dei dati Impostazioni dei cookie