UI-Justiz

Verfahrensheader

Der Verfahrensheader gibt Auskunft über die wichtigsten Attribute und Bereiche des Verfahrens.

Aufbau

  1. Titel
  2. Badges
  3. Umsystem-Buttons
  4. Verfahrenstabs

Verhalten

Die nachfolgenden Elemente sind im Verfahrensheader enthalten und entsprechen der Fokusreihenfolge, wenn mit der Tastatur navigiert wird, bzw. der Vorlese-Reihenfolge von Screenreadern:

Titel

Der Titel besteht aus Aktenzeichen und Verfahrensbezeichnung. Er ist folgendermaßen aufgebaut: “[Aktenzeichen] – [Verfahrensbezeichnung]”. Die Verfahrensbezeichnung enthält dabei meist Informationen zu klagender und beklagter Partei und dem Streitgegenstand (z. B. im Format “[Kläger/in] ./. [Beklagte/r] wegen [Streitgegenstand]”). Genauer Aufbau der Verfahrensbezeichnung siehe fachliche Vorgaben. Bei längerem Text bricht der Titel um und wird mehrzeilig. Der Titel ist als “H1” zu deklarieren, auch wenn es sich visuell um den Schrifttyp H3 handelt.

Badges

Diese zeigen Status des Verfahrens an. Beispiele: Laufend, Gesperrt. Sie sind als Liste umgesetzt (siehe Badge).

Umsystem-Buttons

Je nach fachlicher Anforderung ist hier eine beliebige Anzahl an tertiären Buttons möglich. Diese sind als Liste umgesetzt. Jeder der Buttons öffnet ein externes System mit entsprechendem Verfahrenskontext. Die exakten Umsysteme sind fachlich zu definiert. Beispiele sind: eAkte, Textsystem, ...
(siehe Button)

Verfahrenstabs

Diese ermöglichen es Nutzenden durch die verschiedenen Bereiche eines Verfahrens zu navigieren und gegebenenfalls bereits einen Schnellüberblick zu bekommen, in welchem Tab wie viele Objekte enthalten sind (siehe Verfahrenstabs).

Responsives Verhalten

Verhalten abhängig von Fensterbreite: 

  • Die Breite des Platzes für den Titel ist abhängig von der Anzahl der vorhandenen Umsystem-Buttons. Bei ausreichendem Platz werden alle Buttons nebeneinander dargestellt.
  • Sobald der Titel eine Breite von 720 Pixeln nicht mehr erreicht werden kann, wird aus den nebeneinanderliegen Umsystem-Buttons ein einziger sekundärer Button mit der Bezeichnung “Umsysteme” und dem Pfeil-Icon, welches zur Auszeichnung externen Links verwendet wird. Dieser verhält sich wie ein Pop-Up-Menu-Button. Wenn Nutzende darauf klicken, werden alle enthaltenen Umsystem-Einträge im Pop-Up-Menü gelistet.
  • Sobald der Titel eine Breite von 400 Pixeln nicht mehr erreicht werden kann, wird aus dem Umsystem-Button ein Sekundärer Button ohne Text, bei dem nur noch das “Externer Link”-Icon sichtbar ist. Er hat den Tooltip “Umsysteme”.
  • Ab einer Fensterbreite unter 480px verkleinert sich die Schriftgröße des Titels sowie vertikale Abstände.

Verhalten abhängig von Fensterhöhe

  • Ab einer Fensterhöhe unter 1024px verkleinert sich die Schriftgröße des Titels sowie vertikale Abstände innerhalb des Verfahrensheaders. 

Barrierefreiheit

Titel, Badges, Umsystem-Links, Verfahrenstabs ist die Fokusreihenfolge, wenn mit der Tastatur navigiert wird, bzw. der Vorlese-Reihenfolge von Screenreadern.

Bedienung

Tastaturbedienung

  • Nach Öffnen der Verfahrensseite ist der Fokus auf dem ersten Verfahrenstab (Tastaturbedienung und Status siehe Tab: Tastaturbedienung)
  • Mit Shift-Tab kann zu den Umsystem-Buttons gesprungen werden. (Tastaturbedienung siehe Button: Tastaturbedienung und zur responsiven Version der Umsystem-Buttons siehe Pop-Up-Menü)

Mausbedienung

Weitere Themen: