Aufbau

Symbol
Titel
Ladesymbol (optional)

Verhalten

Jeder Tab besteht aus einem Icon, welches als Layoutgrafik zu deklarieren ist und einem textuellen Titel. Die Funktion des Eintrags muss eindeutig aus dem angezeigten Text hervorgehen und die Grafik hat nur gestalterischen Charakter.

Falls der Verfahrenstab eine Liste, Tabelle oder Baumstruktur mit Elementen enthält, so kann hinter dem Tab-Text die Gesamtzahl der enthaltenen Objekte in Klammern angezeigt werden. Beispiele:

“Beteiligte (15)”
“Verfahren (7)”
“Verwahrgegenstände (2)”

Dauert die Berechnung der Gesamtzahl enthaltener Objekte länger, so wird in dieser Zeit anstatt “([Anzahl])” ein rotierendes Lade-Symbol hinter dem Tab-Text angezeigt.

Allgemein gilt: Beim Wechsel zwischen Tabs erscheinen Sicherheitsabfragen, wenn ungespeicherte Eingaben in einem in der Registerkarte geöffneten Formular vorliegen. Hierfür sind die Standardsicherheitsabfragen inkl. Verhalten und Fokussetzung zu nutzen (siehe Meldungskonzept: Sicherheitsabfragen).

Verfahrenstabs (M) - bei nicht ausreichend Platz

Sollte es nicht genug Platz für alle Reiter geben wird die Tableiste angeschnitten und es erscheinen links und rechts Pfeile zur Navigation.

Ist der erste/letzte Reiter vollständig sichtbar wird der entsprechende Pfeil inaktiv.

Bei Mouse-Hover auf den Pfeilen wird im Tooltip folgendes angezeigt:

links: “Nach links scrollen”
rechts: "Nach rechts scrollen"

Wird der Pfeil links oder rechts ausgelöst scrolled die Tab-bar so, dass der nächste Reiter vollständig zu sehen ist.

Gleiches gilt, wenn ein Reiter fokussiert/geklickt wird, der nicht komplett zu sehen ist.

Hinter dem Eintragstext kann jeweils die Gesamt-Element-Anzahl in Klammern mit angegeben werden. Dauert dessen Berechnung länger, so wird in der Zwischenzeit ein Ladesymbol hinter dem Eintragstext im Auswahlfeld angezeigt. Dieses hat den Alternativtext “Anzahl wird berechnet.” Dieser Alternativtext wird nur bei Fokuserhalt des Einfach-Auswahlfeldes vom Screenreader ausgegeben. Ist die Berechnung beendet, während das Einfach-Auswahlfeld fokussiert ist, so wird der gesamte Feld-Inhalt (Tab-Text und Anzahl) erneut ausgelesen. In der Ausklappliste wird während der Berechnung kein Ladesymbol angezeigt.

(Die entsprechende Element-Erweiterung kommt bei Bedarf später)

Ab einer Elementbreite von unter 320 Pixeln wird die Tab-Bar zu einem Dropdown-Element.

Gleiches gilt auch bei Elementen mit einer Breite über 320px wenn einer der Einträge die maximal sichtbare Breite überschreitet.

Wenn Texttitel im geschlossenen Dropdown zu lang sind werden sie mit “...” abgekürzt. Im geöffneten Dropdown sind die vollständigen Titel zu sehen (Inhalte brechen bei Bedarf um und werden mehrzeilig).

Aktuell werden Ladesymbole nur in der geschlossenen Ansicht der Verfahrenstabs S angezeigt. Im Dropdown kommen diese nicht vor.

Zustände

Barrierefreiheit

Icons in Verfahrenstabs sind als Layoutgrafik zu deklarieren und dürfen nur gestalterischen Charakter annehmen.

Lade-Symbole hinter dem Tab-Text haben den Alternativtext “Anzahl wird berechnet.”
Dieser Alternativtext wird nur bei Fokuserhalt des jeweiligen Tabs vom Screenreader ausgegeben. Ist die Berechnung beendet, während der Tab fokussiert ist, so wird der gesamte Tab-Bezeichnung (Tab-Text und Anzahl) erneut ausgelesen.