Navigieren auf digital.sbb.ch

Beta

List Item

1. Was macht das Element?

  • Darstellung von Informationen in einer Liste.

2. Wann soll das Element eingesetzt werden?

  • Innerhalb von Listen. 

3. Regeln

  • Ein Listen-Eintrag kann als Darstellungsobjekt oder zur Navigation verwendet werden.
  • Auf Listen-Einträgen können neben Klick- auch Swipe-Interaktionen definiert werden.
  • Erste Funktion wird auf Swipe-to-left gelegt, zweite Funktion auf Swipe-to-right.

4. Ausprägungen und Zustände

Das Element hat folgende Zustände:

  • Normal
  • On-Click
  • On-Swipe-to-left (optional)
  • On-Swipe-to-right (optional)

4.1 Standard (nur Anzeige)

Darstellung des Listen Eintrags, Standard (nur Anzeige)

Design Spezifikation

4.2 Mit Icon

Darstellung des Listen Eintrags, mit Icon

Design Spezifikation

4.3 Mit Funktion

Darstellung des Listen Eintrags, mit Funktion

Design Spezifikation

4.4 Mit Selektion

Darstellung des Listen Eintrags, mit Selektion

Design Spezifikation

5. Barrierefreiheit

  • Wenn die Funktion des Eintrages nur über ein Icon Dargestellt wird, muss diese zusätzlich als Alternativtext hinterlegt werden.