Zum Inhalt springen

    Modaler Dialog

    Webdesign & EntwicklungModalmodales DialogfensterModal Dialog
    Lesezeit: 2 Min.Redaktionell geprüft am:
    ← Alle Begriffe

    Definition

    Ein modaler Dialog konzentriert die Interaktion auf eine eingeblendete Aufgabe.

    Ein Dialog überlagert die Oberfläche und verhindert währenddessen Interaktionen mit dem Hintergrund. Fokusführung und verständliches Schließen gehören zum Bedienkonzept.

    Einfach erklärt

    Ein kleines Fenster legt sich über die Seite, bis die Aufgabe beendet oder abgebrochen ist.

    Warum das im Alltag wichtig ist

    Gut umgesetzte Dialoge helfen bei klar begrenzten Entscheidungen.

    Beispiel aus dem Mittelstand

    Fiktiv: Vor dem Löschen eines Entwurfs zeigt eine Anwendung eine verständliche Bestätigung.

    Grenzen und Fallstricke

    • Zu viele Dialoge unterbrechen. Tastaturfokus, Beschriftung und Rückkehr zum Auslöser müssen funktionieren.

    Entstehung & Geschichte

    Modale Dialoge stammen aus grafischen Benutzeroberflächen und sind als Webmuster beschrieben.

    Anwendung im Mittelstand

    • KMU können Formulare und Bestätigungen gezielt auf Barrierefreiheit prüfen.

    Häufige Fragen

    Ist jedes überlagerte Fenster modal?

    Nein, nur wenn der Hintergrund für die Interaktion gesperrt ist.

    Quellen

    Redaktionell geprüft am:

    Auf dieser Seite

    Nächster Schritt

    Vom Wissen zur Anwendung