Function Bar
Die Function Bar ist ein Container, der übergreifende Aktionen beinhaltet.
Overview
Intro
Function Bar
Die Function Bar ist Teil von mehreren Patterns und Komponenten wie dem Wizard, dem Sidepanel und der Objekt- und Formularseite.
Sie ist eine Art Container, der zentrale Aktionen wie „Weiter“, „Zurück“ oder „Speichern“ beinhaltet.
Die konsistente Positionierung am unteren Bildschirmrand, sorgt dafür, dass wichtige Funktionen jederzeit im Blick bleiben und leicht zugänglich sind.
Verwendung
| 👍 Do | 👎 Don't |
|---|---|
| ... wenn ein Pattern die Verwendung vorsieht. ... wenn übergreifende Aktionen für eine Ansicht bestehen und umgesetzt werden sollen. | ... wenn Aktionen sich nur auf bestimmte Teilbereiche der Ansicht beziehen. Verorte die Aktion lokal mit einem Button. |
Guidelines
Aufbau
WARNING
Für den spezifischen Aufbau der Function Bar innerhalb eines Patterns, Pagetypes oder einer Komponente siehe die jeweilige Dokumentation.
- Statusmeldung
Eine Meldung über automatische Speicherung, die mit der Uhrzeit der Speicherung über ein Badge vermerkt wird, kann angezeigt werden. - Aktionen für den Vorgang
Über Secondary-Buttons können weitere Aktionen für den Vorgang ausgelöst werden. Diese Aktionen können zum Beispiel "Abbrechen", "Speichern", "Abschließen" oder "Löschen" sein. - Navigation durch den Vorgang
Durch Betätigen des "Weiter"-Buttons kann zum nächsten Schritt gewechselt werden. Durch Betätigen des "Zurück"-Buttons kann zum vorherigen Schritt gewechselt werden.
Anordnung
Die Function Bar muss grundsätzlich unten am Bildschirm fixiert werden.
Für spezifische Anwendungsfälle siehe die jeweilige Dokumentation.
Verhalten
Siehe passendes Pattern oder Pagetype (zum Beispiel Wizard oder Formularseite ).
Barrierefreiheit
Die Function Bar kann über Tab angesteuert werden. Mit den Pfeiltasten kann zwischen den Buttons gewählt werden.
Die Statusmeldung kann nicht angesteuert werden, da sie kein interaktives Element ist.
Für spezifische Anwendungsfälle siehe die jeweilige Dokumentation.