beta

Icon

1. Was macht das Element?

  • Definiert alle zulässigen Icons bzw. den Icon-Stil im SBB-Kontext.

2. Wann soll das Element eingesetzt werden?

  • Für die Gestaltung von allen Anwendungen im SBB-Kontext.
  • Icons werden auf Buttons, bei Links, in Tag-Clouds und in Navigationen eingesetzt.
  • Icons dienen zur visuellen Repräsentation von Themen und der visuellen Unterstützung von Aktionen.

3. Regeln

  • Innerhalb von Texten soll wenn immer möglich auf die Verwendung von Icons verzichtet werden.
  • Icons ohne Text müssen selbsterklärend oder schnell lernbar sein. Je mehr Icons in einer Anwendung eingesetzt werden, desto schwieriger wird es die Bedeutung deren zu merken.
  • Icons sollen anwendungsübergreifend immer die gleiche Bedeutung haben (Konsistenz)

4. Ausprägungen

4.1 Allgemeine Icons (KOM)

Zu den Icons

4.2 Fahrplan- / ÖV-Icons

Zu den Icons

4.3 Piktogramme

Zu den Piktogrammen

5. Barrierefreiheit

  • Icons ohne Text müssen mit einem Alternativtext hinterlegt werden.
  • Es muss nicht das Icon selbst, sondern seine Funktion in Textform beschrieben werden (z.B. "Menu schliessen").