Header und Footer des Wizard-Formulars werden bei ausreichender Fensterhöhe sticky dargestellt. Es gelten hier die gleichen Definitionen, wie bei Standardformularen (siehe Formular).
Wizard Formular Header
Der Formular-Header eines Wizardschritts beinhaltet jeweils:
Hinweis über den aktuellen Schritt, in dem sich der Nutzer befindet: “Schritt [Schrittnummer Aktueller Schritt] von [Gesamtzahl aller Schritte]”
Titel des aktuellen Schritts: Dieser beschreibt so kurz und präzise wie möglich (1-2 Wörter) den Inhalt des geöffneten Formulars, also die Art der Daten, die in diesem Schritt erfasst werden müssen. Verben sollten im Titel nicht vorkommen. Der Formulartitel ist immer identisch mit der Bezeichnung des entsprechenden Schritts in der Schrittübersicht. Der Formulartitel der Zusammenfassungsseite (sofern vorhanden) lautet immer “Zusammenfassung”.
Header - Arbeitsschritt
Header - Zusammenfassungsseite
Wizard Formular Footer (Fußzeile)
Formularseiten
Der Wizard-Formular Footer enthält auf Formularseiten die Buttons: “Rückgängig machen”, “Wiederholen”, “Zurück” und “Weiter”
Der “Weiter” Button wird aktiv, sobald die Seiteninhalte vollständig geladen wurden, auch wenn noch keine Änderungen vorgenommen wurden.
Auf der ersten Seite im Wizard, ist der “Zurück” Button immer deaktiviert.
Footer Formularseiten
Zusammenfassungsseite (bzw. Letzte Wizardseite)
Auf der Zusammenfassungsseite (bzw. auf der letzten Wizardseite, falls der Wizard keine Zusammenfassungsseite besitzt) enthält die Fußzeile die Buttons: “Rückgängig machen”, “Wiederholen”, “Zurück” und “[Primäre Aktion]” (siehe Formular: Verhalten von Formular-Footer (Fußzeile) und Navigationskonzept innerhalb GeFa: Undo / Redo). Die Bezeichnung des primären Aktionsbuttons ist dabei in der Regel das Verb zur im Wizardtitel genannten durchzuführenden Aktion (Ausnahmen mit abweichender Benennung sind möglich). Beispiele: Bei Wizard-Titel “Anlage Verfahren”, lautet die Aktion auf der Zusammenfassungsseite z. B. “Anlegen”, bei Wizard-Titel “Erledigung Verfahren” lautet die Aktion auf derZusammenfassungsseite “Erledigen”.
Primärer und sekundärer Aktionsbutton in der Formularfußzeile sind immer aktiv.
Footer Zusammenfassungsseite / Letzte Wizardseite
Aufbau Wizard Zusammenfassungsseite und Sektionsüberschriften
Die Sektionsüberschrift zeigt den Titel des Arbeitsschritts aus der Schrittnavigation. Die Arbeitsschritte werden wie in der Schrittübersicht durchnummeriert: “[Schrittnummer]. [Titel des Arbeitsschritts]”
Um Fehler bearbeiten zu können, enthält jeder Abschnitt einen sekundären Button mit Stift-Symbol, der den zugehörigen Arbeitsschritt aufruft. Die Fokussetzung nach Sprung in den entsprechenden Schritt entspricht der Standardfokussetzung des Seitentyps Wizard.
Sektionsüberschrift
Verhalten
Verhalten Wizard
Es kann über die Schrittübersicht und über die Buttons "Weiter" und "Zurück" zwischen Arbeitsschritten navigiert werden.
Formularseite
Verlassen Eines Arbeitsschritts (Kurzfassung)
Je nach dem, in welche Richtung navigiert wird, gilt:
Weiter navigieren: Wird der Arbeitsschritt vorwärts zu einem folgenden Arbeitsschritt verlassen, wird das Formular validiert und der nächste Schritt wird geöffnet, sofern es keine Validierungsfehler gibt. Im Fehlerfall erscheint ein “Meldungsbanner” mit dem Titel “Fehlerhafte Eingaben”.
Zurück navigieren: Vorherige Schritte können jederzeit angesprungen werden und dadurch wird keine Validierung ausgelöst. Eingaben bleiben erhalten. Der verlassene Arbeitsschritt wird als besucht angezeigt.
Änderungen auf besuchten Seiten Werden bei einem besuchten (validierten) Arbeitsschritt Angaben geändert und haben diese Änderungen Einfluss auf andere Arbeitsschritte, dann wird eine Meldung angezeigt, sobald das Feld verlassen wird.
Änderungshinweis
Es kann anschließend höchstens bis zu dem Arbeitsschritt navigiert werden, auf den sich die Änderungen beziehen. Alle weiteren Schritte werden als unbesucht angezeigt und können nicht direkt angesprungen werden. Eingaben bleiben – soweit möglich – auf allen Seiten erhalten.
Meldungstexte je nachdem, ob die Änderungen Auswirkungen auf eine oder mehrere Seiten haben:
“Ihre Änderung hat Auswirkung auf den Schritt:
[Titel des Schritts]”
“Ihre Änderung hat Auswirkung auf die Schritte:
[Titel des Schritts]
[Titel des Schritts]”
Zusätzliche Arbeitsschritte
Falls Eingaben gemacht wurden, die die Anzahl der Arbeitsschritte verändern, werden der Zähler der Arbeitsschritte im Formular Header und die Arbeitsschritte in der Schrittübersicht nach Klick auf “Weiter” aktualisiert.
Zusammenfassungsseite
Auf der Zusammenfassungsseite (sofern vorhanden) werden die Eingaben der vorherigen Arbeitsschritte als Read-only Ansicht dargestellt.
Um Fehler bearbeiten zu können, enthält jeder Abschnitt einen Button, der den zugehörigen Arbeitsschritt aufruft.
Wird ein früherer Arbeitsschritt aufgerufen, kann von diesem auch wieder direkt zur Zusammenfassung navigiert werden, soweit die Bearbeitung keine neuen Angaben auf anderen Seiten erfordert. Alle Eingaben bleiben erhalten.
(Im Abschnitt “Änderungen auf besuchten Seiten” wird beschrieben, wie sich die Navigation verhält, wenn Angaben bearbeitet werden, die andere Arbeitsschritte beeinflussen.)
Erst nach Klick auf den primären Aktionsbutton (Wording bspw. Anlegen/Erledigen) auf der Zusammenfassungsseite (bzw. auf der letzten Wizardseite) werden Daten auf die Datenbank gespeichert.
Sonderfall: Liegt die Hauptaufgabe des Wizards darin Daten zu überprüfen (sind also mehr als 50% der Formularelemente vorbefüllt oder nicht editierbar), dann kann auf die Zusammenfassungsseite verzichtet werden. Alle Validierungen, die sonst auf der Zusammenfassungsseite durchgeführt werden, werden dann auf der letzten Seite des Wizards durchgeführt.
Zusammenfassungsseite
Zusammenfassungsseite responsiv
Verlassen des Wizards über Hauptnavigationsleiste
Wird der Wizard vor Abschluss und damit Speichern der eingegebenen Daten über einen der Absprungpunkte in der Hauptnavigationsleiste verlassen, so erscheint die Standard-Sicherheitsabfrage für ungespeicherte Änderungen (siehe Modaldialog: Modaldialoge vom Typ Sicherheitsabfrage). Einzige Ausnahme: Befindet der Nutzer sich in einem Verfahrenneuanlage-Wizard und im Hauptmenü wird der Button “Verfahren anlegen” ausgeführt, so erscheint keine Sicherheitsabfrage, das Menü schließt sich, der Wizard wird nicht neu geladen und der Nutzer bleibt auf der aktuell geöffneten Seite. Alle bereits eingegebenen Daten bleiben bestehen.
Verhalten Wizard Header
Abhängig davon, ob es sich bei dem neu anzulegenden bzw. zu bearbeitenden Objekt um ein administratives Objekt oder um ein Objekt innerhalb eines Verfahrens handelt, ist der Header unterschiedlich dargestellt:
außerhalb eines Verfahrens: weiß
im Verfahren: blau
Der Wizard-Header enthält immer einen Titel, welcher angibt, um was für eine Neuanlage bzw. Objektaktion es sich handelt. Dabei sollte immer der Objekttyp sowie die damit durchgeführte Aktion benannt werden. Das Format ist dabei verschieden, je nachdem, ob es sich um eine Neuanlage oder Bearbeitung eines existierenden Objekts handelt:
bei Neuanlagen: “[Neuanlage bzw. Anlage] [Objekttyp]”.
Beispiele:
“Neuanlage Justizbediensteter”
“Anlage Altverfahren”
bei anderen Aktionen: “[Objekttyp] [Aktion]”.
Beispiele:
“Verfahren erledigen”
“Termin verschieben”
Der Wizardtitel ist im Code als “H1” gekennzeichnet (visuell ebenfalls Schrifttyp H1). Zusätzlich kann über dem Seitentitel noch ein übergreifender Bezug angegeben sein, falls es sich um eine Neuanlage/Aktion innerhalb eines bereits angelegten Objekts handelt. Beispiele:
“Neuanlage Verfahren” (ohne übergreifenden Bezug)
“Neuanlage Beteiligter” mit übergreifendem Bezug “C123/4” (Aktenzeichen)
Außerdem enthält der Header einen tertiären Button mit der Beschriftung “Schließen”, um die komplette Anlage/Aktion abzubrechen und die Seite zu verlassen.
Benennung des Wizard-Headers
Falls bereits Eingaben gemacht wurden und Nutzende die Aktion ausführen, erscheint ein Modaldialog vom Typ Sicherheitsabfrage. Nach Schließen des Wizards wird zu der Seite zurückgekehrt, von der aus der Wizard geöffnet wurde.
Die Ausgabereihenfolge für den Screenreader ist:
Übergreifender Bezug
Titel des Wizards
Button “Schließen”
Sicherheitsabfrage bei ungespeicherten Eingaben
Responsives Verhalten Wizard Header
Falls bei kleineren Screengrößen bzw. größerem Zoom nicht genug Platz ist, um übergreifenden Bezug und/oder den Wizardtitel innerhalb einer Zeile darzustellen, brechen diese um und werden mehrzeilig. Sobald Titel und übergreifender Bezug eine Breite von 320 Pixeln nicht mehr erreichen können, wird der Button nur noch mit X-Icon dargestellt. Der Tooltip des Buttons lautet “Schließen”.
Header-Größen im Verfahren ohne und mit übergreifendem Bezug
Header-Größen im Adminbereich ohne und mit übergreifendem Bezug
Verhalten Wizard Schrittübersicht
Jeder Arbeitsschritt besteht aus einer Nummer und einem Titel. Die Schritte werden automatisch durchnummeriert.
Der Titel jedes Schritts beschreibt so kurz und präzise wie möglich (1-2 Wörter), welche Art von Daten in diesem Schritt erfasst werden müssen. Verben sollten darin nicht vorkommen. Die Schrittbezeichnung ist immer identisch mit dem Formulartitel des jeweiligen Wizardschritts. Der Titel der Zusammenfassungsseite (sofern vorhanden) lautet immer “Zusammenfassung”.
Ist die Bezeichnung des Arbeitsschritts nicht in einer Zeile darstellbar, bricht die Bezeichnung in weitere Zeilen um.
States
Arbeitsschritte können einen von drei States haben:
Ausgewählt: Der aktuell ausgewählte Arbeitsschritt.
Disabled: Kommender Arbeitsschritt, der aber nicht über die Schrittübersicht geöffnet werden kann.
Besucht: Bearbeiteter Arbeitsschritt, der nachträglich geöffnet werden kann.
Zusätzliche Beschriftung der Arbeitsschritte Für Screenreader (Dieser Text wird nicht angezeigt, jedoch von Screenreadern ausgegeben.):
Ausgewählt + unvalidiert: “Ausgewählt, nicht abgeschlossen”
Arbeitsschritte als Sidebar (bei über 960px Fensterbreite)
Die Sidebar mit den Arbeitsschritten kann bei Bedarf zusammengeklappt werden (siehe Auf-/Zuklappbare Schnellnavigation (Sidebar): Verhalten). Die Beschriftung lautet, abweichend vom Element Sidebar-Header “Schnellnavigation verkleinern” (wenn ausgeklappt) bzw. “Schnellnavigation vergrößern”. Die Bezeichnungen der Arbeitsschritte werden im zusammengeklappten Zustand als Tooltip dargestellt.
Besuchte Arbeitsschritte können auch im zusammengeklappten Zustand mit der Tastatur und per Maus angesprungen werden und der Screenreader gibt weiterhin die Beschriftung der Schritte aus, auch wenn die Beschriftung nicht sichtbar ist.
Sidebar Geöffnet
Sidebar Geschlossen
Tooltip
Ist die Bezeichnung des Arbeitsschritts nicht in einer Zeile darstellbar, bricht die Bezeichnung in weitere Zeilen um.
Umbruchverhalten bei Langem Titel
Arbeitsschritte als Dropdown (bei unter 960px Fensterbreite)
Ab einer Fensterbreite unter 960 Pixeln (siehe Seitenaufbau Geführter Neuanlage-Prozess (Wizard)) werden die Arbeitsschritte nicht mehr in der Sidebar, sondern als Dropdownelement dargestellt. Das Dropdownelement hat den Titel “Schrittübersicht”. Im Dropdownelement zeigt eine Grafik die Anzahl von Schritten den aktuell aktiven Schritt an. Vom Screenreader wird die Grafik folgendermaßen ausgegeben: “Arbeitsschritt [Schrittnummer Aktueller Schritt] von [Gesamtzahl aller Schritte]”. Beispiel: “Arbeitsschritt 3 von 8”. Um zu einem der Arbeitsschritte zu navigieren, muss der Arbeitsschritt aus der geöffneten Dropdownliste ausgewählt werden. Die Liste verhält sich wie das Einfachauswahlfeld.
Arbeitsschritte können nicht in neuen Browsertabs geöffnet werden.
Dropdown
Darstellung der Validierungsfehler in der Schrittübersicht
Werden nach Klick auf einen Primärbutton im Wizardfooter (z. B. “Weiter” oder “Anlegen”) oder bei Verlassen eines Wizardschritts über die Schrittübersicht Validierungsfehler in einem oder mehreren Arbeitsschritten festgestellt, so werden die entsprechenden Einträge in der Schrittübersicht folgendermaßen markiert:
In der Standardansicht – Schrittübersicht geöffnet: Nach der Beschriftung des Schritts wird ein Fehlersymbol mit dem Alternativtext “– Fehlerhafte Eingaben” angehängt. Dieser wird vom Screenreader bei Fokuserhalt des Schritts mit ausgelesen.
In der Standardansicht – Schrittübersicht geschlossen: An der Schrittnummer wird ein roter Punkt ergänzt. Der Alternativtext des Schritteintrags, welcher bei Hover oder Fokuserhalt auch als Tooltip dargestellt wird und vom Screenreader bei Fokuserhalt mit ausgelesen wird lautet “[Arbeitsschritt] – Fehlerhafte Eingaben”.
In der Dropdown-Ansicht (bei Fensterbreiten unter 960px) – Geschlossener Zustand: An den fehlerhaften Schritten in der Grafik wird ein roter Punkt ergänzt. Der Alternativtext für Screenreader lautet “Arbeitsschritt [Schrittnummer Aktueller Schritt] von [Gesamtzahl aller Schritte] – Fehlerhafte Eingaben in Schritt [Nr], [Nr] und [Nr]”. Beispiel: “Arbeitsschritt 3 von 8 – Fehlerhafte Eingaben in Schritt 1 und 3”
In der Dropdown-Ansicht (bei Fensterbreiten unter 960px) – Geöffneter Zustand: In der Ausklappliste wird bei jedem fehlerhaften Schritt der Text “– Fehlerhafte Eingaben” hinter der Eintragsbeschriftung ergänzt.
Validierungsfehler in der Schrittübersicht mit Dropdown
Ablauf von Validierungen in Wizardprozessen
Es wird unterschieden zwischen Frontend-, Frontend-Crossvalidierungen (über ein oder mehrere Wizardseiten hinweg) und Backend-Validierungen. Dabei unterscheiden sich die Validierungszeitpunkte und Fehlerdarstellungen. Details siehe Formular: Arten von Validierungen.
Detailablauf im Wizard
Wird in einem Arbeitsschritt auf “Weiter” geklickt oder wird der Arbeitsschritt durch Auswahl eines aktiven (da vorher bereits besuchten) Folgeschritts über die Schrittübersicht verlassen, so werden Frontend- und ggf. Cross-Validierungen für diesen Wizardschritt durchgeführt. Die Fehler können auch schon vorher direkt am fehlerhaft befüllten Feld erscheinen (siehe Formular: Validierungsfehlern an Formularfeldern). Liegen Frontend-/Cross-Validierungsfehler in dem Schritt, der gerade verlassen werden soll, vor, so erscheint bei Klick auf “Weiter” bzw. einen aktiven Folgeschritt in der Schrittnavigation ein Fehlerbanner, welches alle Fehler im aktiven Schritt listet. Nutzende müssen diese zunächst beheben, bevor zum nächsten Arbeitsschritt gewechselt werden kann. Möglicherweise aktive Folgeseiten in der Schrittübersicht werden deaktiviert (im Moment, wenn auf “Weiter” oder einen Folgeschritt in der Schrittübersicht geklickt wird) und sind erst wieder aufrufbar, wenn alle Frontend-/Crossvalidierungsfehler auf der Seite behoben wurden. Die in Folgeschritten ggf. bereits eingegebenen Daten werden allerdings auch bei deaktivieren der Schritte weiterhin vorgehalten. Gleichzeitig mit Erscheinen des Fehlerbanners wird der aktive Schritt in der Schrittübersicht als fehlerhaft markiert (siehe oben Verhalten Wizard Schrittübersicht). Wird erneut auf “Weiter” bzw. den aktiven Folgeschritt in der Schrittnavigation geklickt und es wurden vorher alle Fehler auf der Seite behoben, so verschwindet die Markierung als fehlerhaft wieder aus der Schrittübersicht und möglicherweise vorher bereits aktiv gewesene Folgeschritte werden wieder klickbar und enthalten dann wieder die vorher bereits befüllten Eingaben.
Ein Formular mit Frontend-/Crossvalidierungsfehlern kann über Zurück bzw. Klick auf einen vorherigen Schritt in der Schrittübersicht verlassen werden. Falls zu diesem Zeitpunkt bereits Folgeschritte besucht wurden und aktiv sind, so erscheint bei Verlassen die entsprechende Standardsicherheitsabfrage (siehe Meldungskonzept: Sicherheitsabfrage - Standard-Meldungen). Nach Bestätigen der Sicherheitsabfrage wird der Schritt verlassen und die bereits aktiv gewesenen Folgeschritte des verlassenen Schritts in der Schrittnavigation werden deaktiviert. Die darin bereits eingegebenen Daten werden allerdings weiterhin vorgehalten. Erst nach Verlassen des fehlerhaften Schritts vorwärts (über “Weiter”) und wenn die Frontend-/Crossvalidierungsfehler behoben wurden, können Folgeschritte wieder aktiv werden und enthalten dann wieder die vorher bereits befüllten Eingaben. Wurde die fehlerhafte Seite rückwärts (zu vorherigem Schritt) verlassen und Nutzer kehren anschließend wieder auf die Seite zurück, so sind die fehlerhaften Eingaben, die vor oder bei Verlassen der Seite bereits validiert wurden, sichtbar (Fehlermarkierungen an Formularelementen und ggf. zusätzlich das Meldungsbanner, falls bereits vorher versucht wurde, den Schritt in Vorwärts-Richtung zu verlassen). Erst nach Beheben aller Frontend-/Crossvalidierungsfehler in diesem Schritt, kann wieder vorwärts navigiert werden (über Weiter oder Schrittübersicht). Wird ein Formular ohne Frontend-/Crossvalidierungsfehlerrückwärts über “Zurück” oder die Schrittübersicht verlassen, so führt dies nicht zu einem deaktivieren der ggf. bereits aktiven Folgeschritte in der Schrittnavigation.
Wird am Ende auf der Zusammenfassungs- bzw. letzten Wizardseite die Primäraktion im Footer (bspw. “Anlegen”) ausgeführt, so werden nun Backend-Validierungen für die in allen Schritten des Wizards getätigten Eingaben durchgeführt. Alle gefundenen Fehler werden in einem Fehlerbanner auf der Zusammenfassungs- bzw. letzten Wizardseite aufgelistet. Gleichzeitig mit Erscheinen des Banners werden die Schritte, in denen die fehlerhaften Eingaben identifiziert wurden, in der Schrittübersicht mit dem Fehlersymbol markiert (Markierung siehe oben Verhalten Wizard Schrittübersicht). Die Zusammenfassungsseite des Wizards, welche ausschließlich nicht bearbeitbare Anzeigefelder enthalten kann, wird dabei nie als fehlerhaft markiert, sondern nur Seiten, auf denen die Fehler auch behoben werden können. Falls es sich um einen Wizard ohne Zusammenfassungsseite handelt, und die letzte Seite editierbare Felder enthält, so kann es hier auch zu einer Fehlermarkierung in der Schrittübersicht kommen. Dem Fehlertext im Banner der Zusammenfassungs- bzw. letzten Wizardseite wird immer die Schrittnummer und -bezeichnung, in dem sich das fehlerhafte Element befindet, vorangestellt. Es gibt nun drei Möglichkeiten, wie für die Fehlerbehebung zu den fehlerhaften Feldern zu navigiert werden kann:
Jeder einzelne Fehler im Banner ist klickbar. Es öffnet sich dadurch der entsprechende Prozessschritt (im gleichen Browsertab) und der Tastaturfokus wird auf das fehlerhafte Element bzw. bei Formularfeldunabhängigen Fehlern auf dem Fehlertext gelegt.
Über die Schrittübersicht kann ebenfalls manuell zu der entsprechenden Stelle navigiert werden (Details siehe oben Verhalten Wizard Schrittübersicht)
Auch die manuelle Rücknavigation Schritt für Schritt über den “Zurück”-Button im Footer ist möglich.
Im angesprungenen Schritt sind erneut die Backend-Fehler im Fehlerbanner aufgelistet, welche diesen einen Prozessschritt betreffen. Sobald eine Änderung an einem betroffenen Feld erfolgt ist und die Wertübernahme stattgefunden hat (Zeitpunkt Wertübernahme pro Feldtyp siehe Formular: Validierungsfehlern an Formularfeldern) wird der entsprechende Eintrag im Fehlerbanner des Schritts als deaktiviert dargestellt (auch wenn die erneute Backendprüfung erst wieder auf der Zusammenfassungs- bzw. letzten Wizardseite geschieht). Entsteht durch die Korrektur ein neuer Frontendfehler, so wird dieser zum Zeitpunkt der Wertübernahme am Element angezeigt. Im Meldungsbanner werden die neu hinzugekommenen Frontend-/Crossvalidierungsfehler erst nach erneutem Klick auf “Weiter” bzw. Klick auf einen Folgeschritt in der Schrittübersicht mit gelistet. Neu hinzugekommene Frontend-/Crossvalidierungsfehler werden dann zusätzlich zu den ggf. bereits deaktivierten Backendfehlern des Schritts im Banner angezeigt. Dabei entspricht die Reihenfolge der gelisteten Fehler der Formularreihenfolge der betroffenen Felder (siehe Formular: Ablauf Front-/Backend-Validierung). Betreffen ein Frond- und ein Backendfehler das gleiche Element, so wird der Backendfehler zuerst und der neu hinzugekommene Frontendfehler danach im Fehlerbanner gelistet. Wie in Schritt 1. gilt dann erneut, dass zuerst alle Frontend-/Crossvalidierungsfehler auf der Wizardseite behoben werden müssen, bevor zur nächsten Seite gewechselt werden kann. Auch die Folgeseiten in der Schrittübersicht werden in dieser Zeit deaktiviert und sind erst wieder aufrufbar, wenn alle Frontend-/Crossvalidierungsfehler behoben wurden. Noch offene Backend-Fehler führen nicht zu einer temporären Sperrung der Weiter-Navigation bzw. zu Deaktivierung nächster Schritte in der Schrittübersicht, verhindern also nicht, dass ein Schritt verlassen werden kann.
Wurden alle Frontend-/Crossvalidierungsfehler in einem Wizardschritt behoben und alle Elemente mit Backend-Fehlern bearbeitet und Nutzende verlassen den Schritt mit Klick auf “Weiter” oder durch Klick auf einen der wieder aktivierten Folgeschritte in der Schrittnavigation, so wird die Fehlermarkierung des verlassenen Schritts in der Schrittnavigation entfernt. Wären noch Backendfehler unbearbeitet, so bliebe die Markierung nach Verlassen des Schritts erhalten. Wird ein Schritt, in dem alle Fehler behoben und entsprechende Einträge im Fehlerbanner deaktiviert wurden, rückwärts über die Schrittübersicht verlassen und bei Verlassen werden keine neuen Fehler festgestellt, so wird bei Verlassen auch die Fehlerhaft-Markierung in der Schrittübersicht entfernt.
Kehren Nutzer mit Klick auf “Weiter” oder über die Schrittnavigation auf die Zusammenfassungs- bzw. letzte Wizardseite zurück, dann werden dort alle bereits bearbeiteten Backend-Fehlereinträge im Banner deaktiviert dargestellt. Noch unbearbeitete Fehlereinträge sind im Fehlerbanner weiterhin aktiv und klickbar.
Wird erneut die Abschlussaktion (z. B. “Anlegen”) auf der Zusammenfassungs- bzw. letzten Wizardseite ausgeführt, so findet erneut eine Validierung über alle Prozessschritte statt und das oben beschriebene Verhalten (ab Punkt 2) wiederholt sich gegebenenfalls.
Benennung der Meldungen
Der Titel des Fehlerbanners lautet:
Auf der Zusammenfassungs- bzw. letzten Wizardseite: “[Bezeichnung primärer Button] nicht möglich”
Auf alleren vorherigen Schritten des des Wizards “Fehlerhafte Eingaben”
Der Buttontext in der Fehlerliste darunter auf der Zusammenfassungs- bzw. letzten Wizardseite setzt sich zusammen aus:
Beispiel: Ein fehlerhaftes einzeiliges Eingabefeld “Bezeichnung” im ersten Wizard-Schritt wird folgendermaßen beschrieben: “1. Grunddaten – Bezeichnung: Objekt mit gleicher Bezeichnung im gleichen Gültigkeitszeitraum existiert bereits”
Backend-Validierungen
Zustände
Wizard-Schrittindikator
Dropdown
Barrierefreiheit
Barrierefreiheit Wizard
Keine spezifischen Angaben.
Barrierefreiheit Wizard Header
Die Ausgabereihenfolge für den Screenreader ist:
Übergreifender Bezug
Seitentitel “[Aktion] [Objekttyp]”
“Schließen”-Button.
Barrierefreiheit Wizard Schrittindikator
Zusätzliche Beschriftung der Arbeitsschritte für Screenreader: (Dieser Text wird nicht angezeigt, jedoch von Screenreadern ausgegeben.)
Ausgewählt + unvalidiert: “Ausgewählt, nicht abgeschlossen”
Wenn keine Eingaben im Wizard gemacht wurden: Wizard schließt sich und vorher geöffnete Seite wird angezeigt. Der Tastaturfokus befindet sich auf dem Element, von dem aus der Wizard geöffnet wurde.
Wird in der Meldung die sekundäre Aktion “Abbrechen” ausgeführt, so schließt sich die Meldung und der Tastaturfokus liegt wieder auf dem “Schließen”-Button.
Wird die primäre Aktion “Verwerfen” ausgeführt, schließt sich der Wizard und der Tastaturfokus befindet sich auf dem Element, von dem aus der Wizard geöffnet wurde.
Falls die Aktion “Schließen” nicht ausgeführt wurde: Erneutes Drücken der Tab-Taste setzt den Tastaturfokus auf das nächste interaktive Element auf der Seite.
Tastaturbedienung Wizard Schrittübersicht
Sidebar-Variante (über 960px Fensterbreite)
Mit Tab-Taste wird der aktuell ausgewählte Schritt in der Schrittübersicht angesprungen.
Mit den Pfeiltasten nach unten bzw. oben kann der nächste bzw. vorherige Arbeitsschritt fokussiert werden.
Für die Interaktion mit einzelnen Elementen, siehe unten.
Mausbedienung Wizard Header
Klick mit linker Maustaste auf “Schließen” führt die Aktion aus (siehe Button: Mausbedienung).
Wenn keine Eingaben im Wizard gemacht wurden: Wizard schließt sich und vorher geöffnete Seite wird angezeigt. Der Tastaturfokus befindet sich auf dem Element, von dem aus der Wizard geöffnet wurde.
Wird in der Meldung die sekundäre Aktion “Abbrechen” ausgeführt, so schließt sich die Meldung und der Tastaturfokus liegt wieder auf dem “Schließen”-Button.
Wird die primäre Aktion “Verwerfen” ausgeführt, schließt sich der Wizard und der Tastaturfokus befindet sich auf dem Element, von dem aus der Wizard geöffnet wurde.
Falls die Aktion “Schließen” nicht ausgeführt wurde: Klick mit linker Maustaste auf ein anderes interaktives Element auf der Seite, führt die entsprechende Aktion aus.
Mausbedienung Wizard Schrittübersicht
Sidebar-Variante (über 960px Fensterbreite)
Klick mit linker Maustaste auf einen Schritt öffnet die jeweilige Seite. Der Fokus liegt anschließend im Formularinhalt (exakte Fokussetzung siehe Seitenaufbau Geführter Neuanlage-Prozess (Wizard)).
Dropdown-Variante (unter 960px Fensterbreite)
Klick mit linker Maustaste auf das Dropdownelement öffnet die Ausklappliste.
(Weitere Mausbedienung im Dropdown siehe Auswahlfeld, Einfach (Single Select Picker) :Mausbedienung). Der Fokus wird nach Auswahl eines aktiven Schritts und schließen des Dropdowns auf das erste interaktive Element in dessen Formularinhalt gelegt.