Verwendung

Icons dienen zur visuellen Unterstützung von Themen und Aktionen. Für die Verwendung in SBB-Anwendungen sind die Icons im SBB-Stil einzusetzen. Details dazu und ein Set an bereits verfügbaren Icons sind hier zu finden.

Regeln

• Innerhalb von Fliesstexten 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).

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").

Trouver un composant

Lean

Entrez un terme de recherche

Basics Brand Divider Icon Text Typografie Components Accordion Autocompletion Breadcrumb Button Buttonbar Checkbox Chip Contextmenu Datepicker Dialog Fieldset Fileselector Filter Header Link Loading Indicator Menuitem Notification Pagination Processflow Radiobutton Select (Dropdown) Sidebar Slider Status Tab Table Tag Textarea Textexpand Textfield Timefield Toggle Tooltip Tree Usermenu