Principes Bases Accessibilité Système de design Guidelines Deutsch Français Italiano English Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié Portail de la marque CFF Logo Horloge numérique Droits d’utilisation Couleurs de base Couleurs fonctionnelles Couleurs off-brand Icônes Icônes de l’horaire Pictogrammes À propos de l’accessibilité À propos de ce guide Contact Informations complémentaires Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Conception Développer FAQ Aide Procès Contribution Contact Aperçu Base Composants Overview Releases Design Tokens Composants Aperçu Base Informations Aperçu Base Composants Sens & objectif Community Assets Instructions Power-Apps Bandeaux publicitaires numériques SAP Icônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles 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.
Contact

Vous avez des questions ? Vous trouverez peut-être une réponse dans notre FAQ ou notre aide, sinon vous pouvez poser votre question sur le board correspondant sur Github.

Impressum Contact Protection des données Paramètres des cookies