Navigieren auf digital.sbb.ch

Beta

Horizontal Scrolling

Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English

1. Was macht das Modul?

  • Erlaubt das Scrollen durch eine horizontal angeordnete Liste von Elementen.

2. Wann soll das Modul eingesetzt werden?

  • Wenn in einer horizontalen Liste mehrere Elemente darstellbar sind.
  • Wenn der Benutzer schnell durch eine Liste scrollen soll.
  • Zur Anordnung voneinander unabhängiger Elemente.

3. Regeln

  • Das vorangehende und nächste Element der Liste ausserhalb des sichtbaren Bereichs muss angeschnitten dargestellt werden.
  • Das Scrollen funktioniert nicht Pixel für Pixel, sondern es gibt «Fangpunkte», sodass rechts und links jeweils (wenn vorhanden) die nächste Kachel angedeutet wird.

4. Ausprägungen und Zustände

4.1 Buttons

Darstellung von horizontalem Scrollen mit Buttons
Darstellung von horizontalem Scrollen mit Buttons

Design Spezifikation

4.2 Cards

Darstellung von horizontalem Scrollen mit Cards
Darstellung von horizontalem Scrollen mit Cards

Design Spezifikation

5. Barrierefreiheit

  • Horizontales Scrollen muss auch per Screen Reader und Schaltersteuerung möglich sein.

1. Was macht das Modul?

  • Erlaubt das Scrollen durch eine horizontal angeordnete Liste von Elementen.

2. Wann soll das Modul eingesetzt werden?

  • Wenn in einer horizontalen Liste mehrere Elemente darstellbar sind.
  • Wenn der Benutzer schnell durch eine Liste scrollen soll.
  • Zur Anordnung voneinander unabhängiger Elemente.

3. Regeln

  • Das vorangehende und nächste Element der Liste ausserhalb des sichtbaren Bereichs muss angeschnitten dargestellt werden.
  • Das Scrollen funktioniert nicht Pixel für Pixel, sondern es gibt «Fangpunkte», sodass rechts und links jeweils (wenn vorhanden) die nächste Kachel angedeutet wird.

4. Ausprägungen und Zustände

Das Modul hat folgende Zustände:

  • First
  • Middle
  • Last

4.1 Standard

Darstellung von horizontalem Scrollen

Design Spezifikation

5. Barrierefreiheit

  • Horizontales Scrollen muss auch per Screen Reader und Schaltersteuerung möglich sein.