Hinweis: Folgende Designerweiterungen sind für 1.1 nicht für Entwicklung und Testing vorgesehen:
Die Suchparameter-Elemente im Sucheingabe-Bereich sind nach Objekten gruppiert, welche als je eine Formularfeldgruppe umgesetzt sind. Sie enthalten jeweils einen Titel, welcher den Objekttyp benennt, auf den sich die in der Gruppe enthaltenen einzelnen Attribute beziehen. Falls mehrere Gruppen des gleichen Objekttyps vorhanden sind, so wird an die Gruppenbezeichnung noch eine laufende Nummer angehängt (Beispiel: “Beteiligter 1”, “Beteiligter 2” usw.).
Alle Gruppen des gleichen Typs inklusive des jeweiligen “[Objekt] hinzufügen”-Buttons (falls vorhanden) sind als Region (Landmark “Region”) mit der Beschriftung “[Objekttyp]” gekennzeichnet.
Beim Laden der Seite ist mindestens eine Gruppe bereits sichtbar. Der Tastaturfokus befindet sich im ersten Suchparameter-Elemente dieser ersten Gruppe.
Je nach fachlicher Anforderung kann eine Gruppe von Suchparametern fix oder löschbar sein. Gelöscht werden kann eine Gruppe über den tertiären Icon-Button neben dem Gruppentitel mit dem Alternativtext “[Gruppentitel] entfernen”.
Über einen tertiären “[Objekttyp] hinzufügen”-Button können bei Bedarf beliebig viele weitere Gruppen des gleichen Objekttyps hinzugefügt werden. Nach Hinzufügen einer Gruppe befindet sich der Tastaturfokus im ersten Suchparameter-Element innerhalb der neu hinzugefügten Gruppe.
Sowohl beim Hinzufügen als auch beim Entfernen von Gruppen wird deren Nummerierung entsprechend aktualisiert. Falls fachlich festgelegt ist, dass für einen bestimmten Objekttyp immer mindestens eine Gruppe bestehen bleiben muss, so verschwindet der Entfernen-Button, bei dieser, sobald die vorletzte Gruppe des gleichen Objekttyps gelöscht wird. Nach Entfernen einer Gruppe befindet sich der Tastaturfokus auf dem nächsten interaktiven Element unterhalb der soeben entfernten Gruppe.
Jeder Objektgruppe kann vom Fachprojekt festgelegte Standard-Suchparameter enthalten (siehe unten). Außerdem können weitere Parameter von Nutzenden manuell über einen Plus-Button hinzugefügt werden.
Kann in der Suche insgesamt nur nach zwei oder weniger verschiedenen Objekttypen (beispielsweise “Beteiligte” und “Termine”) gesucht werden, so sind die entsprechenden Hinzufügen-Buttons zu diesen Objekttypen (“Beteiligten hinzufügen” und “Termin hinzufügen”) auf der Maske angezeigt.
Diese sind jeweils teil der Region (Landmark “Region”) mit der entsprechenden Beschriftung “[Objekttyp]”.
Falls in der Suche nach mehr als zwei unterschiedlichen Objekttypen (beispielsweise “Beteiligte”, “Termine, “Gegenstände” und “Gebäude”) gesucht werden kann, so werden
die Hinzufügen-Buttons für diese Objekte nicht alle untereinander auf der Maske angezeigt, sondern unter einem “Objekt hinzufügen”-Button zusammengefasst. Dieser öffnet ein Pop-Up-Menü, welches alle noch nicht auf der Maske hinzugefügten Objekttypen auflistet. Auswählen eines der Einträge fügt eine Region des entsprechenden Typs (Landmark “Region”, Beschriftung “[Objekttyp]”) auf der Maske hinzu. Diese wird über dem “Objekt hinzufügen”-Button positioniert und enthält eine Formularfeldgruppe des entsprechenden Objekttyps sowie einen “Objekt hinzufügen”-Button. Ausnahme: Es gibt auch Objekttypen, bei denen nur max. eine Suchparametergruppe bestehen darf (bspw. Verfahrensparameter). Innerhalb dieser Regionen ist dementsprechend kein “Objekt hinzufügen” enthalten (ist in Userstories zu definieren). Der Fokus wird nach Hinzufügen der neuen Region in das erste Suchparameter-Element der Gruppe gesetzt.
Wird die letzte Gruppe eines Objekttyps gelöscht, so wird mit Löschen der Gruppe auch der Button zum Hinzufügen einer weiteren Gruppe des gleichen Typs wieder hinter dem “Objekt hinzufügen”-Pop-Up-Button gelistet.
Wenn das Laden des Suchparameterbereichs länger dauert, dann wird stattdessen ein Platzhalter mit rotierendem Ladesymbol angezeigt. Der “Suche starten”-Button ist solange deaktiviert.
Der Ladezustand ist fokussierbar und trägt den Alternativtext “Suchparameter werden geladen”. Der Alternativtext wird auch als Tooltip angezeigt, wenn mit der Maus exakt über dem Lade-Icon gehovert wird.
Der Alternativtext des Ladezustands wird automatisch vom Screenreader ausgegeben, auch wenn sich der Fokus nicht auf dem Element befindet. Allerdings wird er, um Audionoise zu vermeiden, erst dann ausgegeben, wenn 2 Sekunden nach Öffnen der Seite der Suchparameterbereich noch nicht vollständig geladen sind.
Falls das Laden noch länger dauert, wird alle 10 Sekunden erneut der Alternativtext des Ladesymbols ausgelesen, unabhängig davon, wo sich der Fokus auf der Seite zu der Zeit befindet.
Nach vollständigem Laden der Suchparameter wird der Text “Suchparameter geladen” vom Screenreader ausgegeben. Dies wird nur ausgegeben, wenn das Laden davor länger als 2 Sekunden gedauert hat. Die Ausgabe erfolgt unabhängig davon, wo sich der Fokus auf der Seite zu der Zeit befindet.
Der Ladebereich verschwindet und die initialen Parameter werden (je nach fachlicher Definition ggf. inklusive einer Vorbelegung) angezeigt. Gleichzeitig wird der “Suche starten”-Button aktiv. Befindet sich der Tastaturfokus zu diesem Zeitpunkt auf dem Ladezustand, so springt er auf das erste Suchparameter-Element. Befindet sich der Tastaturfokus zu diesem Zeitpunkt auf einem anderen Element auf der Seite, so ändert sich dieser nicht.
Das Suchparameter-Element kommt ausschließlich in der erweiteten Suche zum Einsatz. Es ermöglicht es den Nutzenden gezielt mit Eingabe mehrerer Suchparameter eine große Menge von Ergebnissen einzuschränken und die Eingaben bei Bedarf schnell zu verändern.
Jedes Suchparameter-Element ist als Formularfeldgruppe umgesetzt und beinhaltet folgende Einzelelemente:
Alle Feldteile bis auf den Gruppentitel und die Feldlabel sind per Tastatur fokussierbar. Für das Detailverhalten innerhalb des fokussierten Elementes sowie Maus- und Tastaturbedienung, siehe Beschreibung des entsprechender Elementtyps.
Ist bei einem Einfach-/Mehrfachauswahlfeld (beispielsweise auf Grund von fehlenden Rechten) nur eine Option auswählbar, so bleibt der Feldteil dennoch fokussierbar. Eine Read-Only-Version des Suchparameter-Elements existiert nicht.
Besonderheit bei Suchparametern mit Freitext-Eingaben:
Es gelten die gleichen Such-Logiken ud Wildcards wie beim Element “Suchfeld”. (siehe Suchfeld).
Besonderheit von Suchparametern vom Typ Wertebereich & nicht befüllten Teilfeldern:
Schalten Nutzende über das Einstellungsmenü zwischen Einzelwerten zu Wertebereichen um, so werden bereits eingegebene Werte teilweise übernommen:
In Ausnahmefällen kann der Eingabebereich auch einen Button enthalten, welcher das Öffnen eines Pop-Up-Menüs auslöst. Visuell wird der Button identisch zum Einfachauswahlfeld angezeigt. Die Screenreaderausgabe bei Fokuserhalt des Eingabebereichs lautet in diesem Fall “Wert: [Buttontext]”. Das Wort “Wert:” wird nur vom Screenreader ausgegeben, jedoch nicht im Button angezeigt.
Im Pop-Up-Menü ist immer ein Eintrag als aktiv ausgewählt. Abhängig von der aktuellen Auswahl kann der Text des Buttons, welcher das Pop-Up-Menü öffnet, sich ändern. Die Auswahl eines Eintrags im Pop-Up-Menü kann entweder zum direkten Schießen des Pop-Ups und Übernahme des Wertes führen oder zum Öffnen eines Modals mit Zusatzoptionen. Im zweiten Fall findet die Übernahme des Wertes und ggf. Änderung des Buttontextes erst nach Ausführen der Primäraktion im Folgemodal statt. Der Tastaturfokus wird bei Öffnen eines Modals ins erste interaktive Element im Inhaltsbereich gelegt. Nach Abschluss der Primäraktion im Modal wird das Modal sowie Pop-Up-Menü geschlossen und der Fokus liegt wieder auf dem Button im Eingabebereich. Wird im Modal die Aktion “Schließen” ausgeführt so wird sowohl Modal als auch Pop-Up-Menü geschlossen und der Fokus liegt wieder auf dem Eingabebereich des Suchparameterelements. Die vorherige Auswahl im Pop wird nicht übernommen und der Buttontext bleibt der alte.
Standardmäßig entspricht der Buttontext immer der Primärinformation des ausgewählten Eintrags im Pop-Up-Menü. Wenn fachlich sinnvoll (z.B. nach Öffnen von Modalen) sind Abweichungen in Userstories zu beschreiben. Beispiel: Suchparameterelement “Zuständige Stelle” in erweiterter Suche: Aktion “Manuell auswählen” im Pop-Up-Menü öffnet Modal zur Stellenauswahl > Buttontext anschließend “Manuell ausgewählt ([Anzahl Stellen]).
Bei Auswahlfeldern (Einfach- oder Mehrfach) kann es Pflichtangaben geben (Beispiel: Es müssen ein oder mehrere Fachbereich gewählt sein, in denen gesucht wird). Diese Felder müssen bereits beim initialen Laden der Maske vorbefüllt sein. Der Inhalt kann bei Bedarf geändert, jedoch nicht auf “–” zurückgesetzt werden. Somit kann es nicht zu einem Validierungsfehler “Pflichtfeld nicht befüllt” kommen.
Es gibt keine Pflichtfeldauszeichnungen bei Freitext-Suchparameter-Elementen. Wird keinerlei Eingabe in diesen getätigt, so werden die Elemente bei Ausführen der Suche ignoriert.
Je nach fachlicher Anforderung können im Eingabebereich Validierungen durchgeführt werden. Bei der Suche nach Zahlenwerten können beispielsweise nur Zahlen und ggf. Sonderzeichen zulässig sein. Bei Suchen nach Daten oder Zeiträumen gilt die Standard Validierung und Umformatierung bei Verlassen des Feldes in ein gültiges Datumsformat. Liegen Validierungsfehler vor, so werden diese unter dem Suchparameter-Element angezeigt. Auf fehlerhafte Eingaben werden Nutzende direkt nach Verlassen des Feldes hingewiesen. Es erscheint ein Ausrufezeichen-Icon mit erklärendem Text, dieses muss als Layoutgrafik deklariert werden. Gleichzeitig ertönt ein akustisches Signal: Fehlermeldung (siehe akustische Signale).
Wenn Validierungsfehler vorliegen und Nutzende die Aktion “Suche starten” ausführen, so werden alle gefundenen Fehler erneut in einem Fehlermeldungsbanner unter dem Seitentitel aufgeführt (Aufbau, Maus- und Tastaturbedienung siehe Formular: Fehlermeldungsbereich in Formularen). Dabei wird jeweils der Titel der Formularfeldgruppe, in der sich der Fehler befindet, dem Fehlertext vorangestellt: “[Gruppentitel] – [Feldlabel]: [Fehlertext]”
Bei Fehlern in beiden Feldteilen, werden beide Hinweistexte untereinander in der Breite des Elementes dargestellt. Diese verhalten sich nicht responsiv zu den einzelnen Eingabefeldern.
Über den “Suchparameter hinzufügen”-Button können weitere Suchparameter ergänzt werden. Es öffnet sich dafür ein als Modal umgesetzter Container, welcher eine Parameter-Liste mit Suchfeld enthält.
Für die Grunddefinitionen des Containers (Größe, Positionierung, Header, Footer) siehe Filter: Filter-Container. Details:
Der Tastaturfokus liegt bei Öffnen des Containers im Suchfeld.
Die Liste kann (je nach fachlicher Anforderung) mit Trennblöcken in weitere Unterkategorien unterteilt sein.
Nach Auswahl eines der Listenelemente schließt sich das Modal und das Element wird der entsprechenden Suchparameter-Gruppe hinzugefügt. Jedes Suchparameter-Element kann innerhalb einer Gruppe nur einmal hinzugefügt werden, das heißt nach Hinzufügen und erneutem Öffnen des “Suchparameter hinzufügen”-Modals taucht es in der Liste nicht mehr auf. Die Liste wird also mit jedem hinzugefügten Element kürzer. Wird das letzte Element aus der Liste hinzugefügt, so wird bei Schließen des Modals der “Suchparameter hinzufügen”-Button deaktiviert. Sobald ein Element aus der Gruppe entfernt wird, wird er wieder aktiv.
Wird die Aktion “Schließen” im Footer des Modals ausgeführt, so schließt sich der Container und der Tastaturfokus liegt wieder auf dem “Suchparameter hinzufügen”-Button.
Der schematische Aufbau der Seite ist beschrieben unter “Seitentyp: Einstiegsseite des Moduls ‘Erweiterte Suche (Recherche)”.
Direkt nach Ausführen der Aktion “Suche starten” in der erweiterten Suche erscheint der Ergebnisanzeige-Bereich, welcher Tabs und die Ergebnistabelle enthält. Der Tastaturfokus wird dann auf den ersten Tab gesetzt. Solange die Ergebnisse noch geladen werden, wird in Klammern hinter der Tabbeschriftung ein Ladesymbol angezeigt (Definition folgt noch: Erweiterung des Element “Tabs”) und im Tabellenbereich ist der Ladezustand sichtbar (siehe Tabelle: Zustände). Sobald Ergebnisse geladen wurden, wird pro Tab die Anzahl der gefunden Einträge pro Tab in Klammern hinter der Tab-Beschriftung angezeigt. Die Ergebnistabelle enthält dann alle gefundenen Treffer. Falls keine Treffer gefunden wurden, wird im Tab in Klammern eine Null angezeigt und in der Tabelle wird “Keine Ergebnisse für diese Such- und Filterkriterien gefunden” angezeigt (Für Lade- und Leerzustand von Tabellen und Anzeige “Keine Such- und Filterergebnisse gefunden.” siehe Tabelle: Verhalten bei Durchsuchen und Filtern von Tabelleninhalten)
Der Button ist bereits beim initialen Aufruf der Seite aktiv & klickbar, auch wenn noch keine Änderungen im Suchparameter-Bereich vorgenommen wurden (damit wahrnehmbar).
Wird die Aktion ausgeführt und es liegen keine Änderungen auf der Seite vor, so geschieht nichts, außer dass der Fokus auf das erste Suchparameter-Element gelegt wird.
Wird die Zurücksetzen-Funktion ausgeführt und es liegen Änderungen auf der Seite vor, so wird der default-Zustand des Sucheingabe-Eingabebereichs wiederhergestellt:
Nach Ausführen der Aktion bleibt der Button aktiv und der Tastaturfokus wird auf das erste Suchparameter-Element gelegt.
Die Breite der Feldteile passt sich an die jeweilige Inhaltslänge an. Wird von Nutzenden Text eingegeben, so wächst das Feld während der Eingabe mit. Die minimale Breite für einen Eingabe-Teil sind 64 Pixel.
Sobald eines der Suchparameter-Elemente im Sucheingabe-Block (siehe oben) nicht mehr in voller Breite auf der Seite angezeigt werden kann, wechseln alle Suchparameter-Elemente zur responsiven Version, in der die Feldteile nicht mehr ausschließlich horizonal nebeneinander, sondern teils vertikal untereinander angeordnet sind. Sind Titel oder Eingabe sehr lang, so brechen diese bei Bedarf zusätzlich um. (Ausnahme: Inhalt einzeiliger Eingabefelder maximal einzeilig; siehe Eingabe und Auswahlfelder: Verhalten bei langer Texteingabe.)
Zwischen dem Suche starten-Button und den Ergebnisanzeige-Tabs befindet sich eine visuell nicht angezeigte Zwischenüberschrift, welche je nach Zustand verschiedene Texte enthält. Dieser Text wird ausgelesen, sobald der “Suche starten”-Button ausgeführt wird:
Für die Tastaturbedienung des Sucheingabe-Bereichs mit Objektgruppen, siehe Button: Tastaturbedienung und Suchfeld: Tastaturbedienung.
Für die Mausbedienung des Sucheingabe-Bereichs mit Objektgruppen, siehe Button: Mausbedienung und Suchfeld: Mausbedienung.
Zur Mausbedienung des Einstellungselements sowie Pop-Up-Menüs im Eingabebereich siehe Pop-Up-Menü: Mausbedienung. Ausnahme bei Pop-Up-Menüs im Eingabebereich kann der Klick mit linker Maustaste auf einen bereits selektierten Eintrag auch eine Aktion auslösen (bspw. Öffnen eines Modals). Dieser Fall ist in Userstories zu beschreiben.