Synonyme: Dialogfenster, Message, Pop-up, Dialog, Dialogbox

Siehe auch: Fenster, Tooltip, Fehlermeldung

Ein modaler Dialog dient der Anzeige wichtiger Informationen und Bedienelemente in einem separaten Bereich. Ein modaler Dialog blockiert die Bedienung des Anwendungsfensters im Hintergrund (siehe DIN EN ISO 9241-161: 8.10).

Ein modaler Dialog enthält immer einen Text und einen oder mehrere Schalter, mit denen der Dialog geschlossen werden kann. Darüber hinaus kann der modale Dialog eine Titelzeile und Statusleiste sowie weitere Bedienelemente, Grafiken etc. enthalten.

Die Anforderungen an die Inhalte des modalen Dialogs werden beim jeweiligen Element beschrieben. Hier werden nur spezifische Anforderungen für den modalen Dialog beschrieben.

Beispiele:

Abbildung: Modaler Dialog
Nr.EigenschaftBeschreibungKlassifizierungReferenz
426VergrößerungDer modale Dialog muss bis auf 200% skaliert werden können. Bei der Skalierung darf kein Inhalts- oder Funktionsverlust erfolgen (siehe Vergrößerung).

Hinweis: Fixierte Kopf- und Fußzeilen im modalen Dialog sollen vermieden werden, weil diese dazu führen, dass der vertikal scrollbare Hauptbereich zu klein wird.

MussEN 301 549: 9.1.4.4, 11.1.4.4.1
427VergrößerungDer modale Dialog muss bei 320px Bildschirmbreite vollständig und ohne horizontales Scrollen angezeigt werden. Wenn der modale Dialog notwendig zweidimensionale Inhalte, wie Tabellen, enthält, dürfen diese horizontal scrollbar sein (siehe Vergrößerung).MussEN 301 549: 9.1.4.10, 11.1.4.10
428SichtbarkeitDer Dialog muss sich deutlich vom Hintergrund abheben.

Hinweis 1: Dies kann z. B. durch einen Rahmen beim Dialog oder Ausgrauen des Hintergrunds erfolgen.

Hinweis 2: Das gilt auch bei Verwendung der Windows-Kontrastanpassung.

MussEN 301 549: 11.1.4.11; 9.1.4.11
429Web: BeschriftungWenn der modale Dialog in einem separaten Browser-Fenster angezeigt wird, muss er eine aussagekräftige Beschriftung besitzen.

Hinweis: Für die Beschriftung wird das <title>-Element verwendet.

MussEN 301 549: 9.2.4.2
430BeschriftungDer modale Dialog muss eine aussagekräftige Beschriftung besitzen.

Hinweis: Die Beschriftung kann sich in der Titelzeile befinden.

MussEN 301 549: 9.2.4.5, 11.2.4.6
Nr.EigenschaftBeschreibungKlassifizierungReferenz
431TastaturbedienungDer modale Dialog muss mit der Tastatur geöffnet, bedient und geschlossen werden können (siehe folgende Tabelle Tastaturbedienung).MussEN 301 549: 9.2.1.1, 11.2.1.1
432TastaturbedienungWenn der modale Dialog geöffnet wird, muss der Tastaturfokus in den Dialog gesetzt werden.

Hinweis: In der Regel soll der Tastaturfokus an den Beginn des modalen Dialogs gesetzt werden. Bei einfachen modalen Dialogen kann der Fokus auch auf einen Schalter am Ende (z. B. „Ok“ oder „Abbrechen“) gesetzt werden, sofern sichergestellt wird, dass der Dialogtitel und -text vom Screenreader beim Öffnen des Dialogs automatisch ausgegeben wird.

MussEN 301 549: 9.2.4.3, 11.2.4.3
433TastaturbedienungSolange der modale Dialog geöffnet ist, muss der Tastaturfokus innerhalb des Dialogs verbleiben.MussEN 301 549: 9.2.4.3, 11.2.4.3
434TastaturbedienungWenn der modale Dialog geschlossen wird, muss der Tastaturfokus auf das auslösende Element oder auf ein Element, mit dem die Arbeit schlüssig fortgesetzt werden kann, zurückgesetzt werden.

Hinweis: Das Zurücksetzen auf das auslösende Element ist z. B. nicht möglich, wenn dieses durch die Bedienung des Dialogs entfernt wurde. In diesem Fall empfiehlt es sich meist, den Tastaturfokus auf ein Element vor oder nach dem auslösenden Element zu setzen.

MussEN 301 549: 9.2.4.3, 11.2.4.3

Tastaturbedienung modaler Dialog

Permalink "Tastaturbedienung modaler Dialog"
AktionTasteKlassifizierung
Navigation innerhalb des modalen DialogsTABErforderlich
Schließen des modalen Dialogs
  • Desktop: ESC, ALT+F4
  • Web: ESC
Erforderlich

Zeigeinstrumentbedienung modaler Dialog

Permalink "Zeigeinstrumentbedienung modaler Dialog"
AktionTasteKlassifizierung
Schließen des modalen DialogsLinksklick auf entsprechenden SchalterErforderlich

Programmierung/Schnittstellen

Permalink "Programmierung/Schnittstellen"
Nr.EigenschaftBeschreibungKlassifizierungReferenz
435RolleDie Rolle modaler Dialog muss an die Accessibility API übermittelt werden (siehe Accessibility API).MussEN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.5
436NameSofern der modale Dialog eine Beschriftung oder Beschreibung besitzt, müssen diese als Accessible Name bzw. Accessible Description übermittelt werden (siehe Beschriftung und Beschreibung).

Hinweis 1: Die Teilzeile oder Hauptüberschrift des Dialogs sollen als Accessible Name verwendet werden.

Hinweis 2: Enthält der modale Dialog nur wenig Textinhalte, so können diese als Accessible Description übermittelt werden.

MussEN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.5, 11.5.2.8
437Desktop: ElementhierarchieDie Eltern-Kind-Beziehungen der Elemente innerhalb des Dialogs müssen an die Accessibility API übermittelt werden.MussEN 301 549: 11.5.2.9
438PositionGröße und Position des modalen Dialogs müssen an die Accessibility API übermittelt werden (siehe Fokussichtbarkeit).MussEN 301 549: 11.5.2.5

Informationen zu diesem Artikel

Gerne können Sie uns Feedback per E-Mail zu unserer Handreichung senden!