UI-Justiz

Seitenfüllende Fehlermeldungen (Synchrone Meldungen)

Meldungen, die durch Nutzeraktionen ausgelöst werden und sich auf Zugriffsrechte oder Serverfehler beziehen.

Aufbau

  1. Headerleiste
  2. Grafik
  3. Überschrift
  4. Erklärender Text
  5. Trace ID
  6. Aktionsbutton

Verhalten

Seitenfüllende Fehlermeldungen werden dann angezeigt, wenn die Inhalte einer ganzen Seite in GeFa nicht angezeigt werden können. Details zu Anwendungsfällen, Formulierungsregeln und Inhalt, siehe Meldungskonzept: seitenfüllende Fehlermeldungen.


Fokus

Der Fokus liegt auf der Hauptüberschrift

Responsives Verhalten

Bei allen Fensterbreiten gilt:

  • Headerleiste: Komplette Fensterbreite

Bei einer Fensterbreite über 1440 Pixeln gilt:

  • Illustration: Linksbündig ausgerichtet, füllt dritte bis sechste Spalte des Seitenlayouts. Maximalbreite 467 Pixel.
  • Textblock (Bestehend aus Überschrift, Fließtext und Aktionsbutton) füllt Spalten 7 bis 10 des Seitenlayouts

Bei einer Fensterbreite über 760 Pixeln gilt:

  • Illustration: Linksbündig ausgerichtet, füllt zweite bis fünfte Spalte des Seitenlayouts. Maximalbreite 348 Pixel.
  • Textblock (Bestehend Überschrift, Fließtext und Aktionsbutton) füllt Spalten 6 bis 11 des Seitenlayouts

Ab einer Fensterbreite unterhalb 760 Pixeln gilt:

  • Illustration: Linksbündig ausgerichtet, füllt erste bis vierte Spalte des Seitenlayouts. 
  • Textblock (Bestehend Überschrift, Fließtext und Aktionsbutton) füllt Spalten 5 bis 12 des Seitenlayouts

Ab einer Fensterbreite unter 480 Pixeln gilt:

  • Illustration: Zentriert über der Textbox ausgerichtet. nur noch 131 x 150 px groß
  • Textblock (Bestehend Überschrift, Fließtext und Aktionsbutton) füllt komplette Fensterbreite aus.

Barrierefreiheit

Seitenregionen

Headerleiste

  • Landmark “Header”

Kompletter Seiteninhalt unterhalb der Headerleiste

  • Landmark “Main”

Bedienung

Tatstaturbedienung

  • Fokus liegt auf der Hauptüberschrift
  • Siehe Button

Mausbedienung

  • Siehe Button

Weitere Themen: