Modaler Dialog Designsystem

Sorgen Sie dafür, dass Ihre Entscheidungen fokussiert bleiben und Schlusszeilen leicht zu finden sind.

6 Prüfpunkte · 2 Inhaltsgruppen
Inhalt der Checkliste

Prüffortschritt

01

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

02

Interaktion und Benutzerfreundlichkeit

Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.

Der Fortschritt wird automatisch in diesem Browser gespeichert.

ANLEITUNG

So prüfen Sie

01

Überprüfen Sie die Fokusposition beim Öffnen und Schließen

Öffnen Sie das Dialogfeld mit der Tastatur, gehen Sie alle Steuerelemente durch und schließen Sie es dann. Behalten Sie den Fokus im Dialogfeld. Beim Schließen wird der geöffnete Knoten zurückgegeben und der Kontext dahinter bleibt erhalten.

BEISPIELE

Anwendungsbeispiele

Bestätigen Sie das Löschen eines Entwurfs

Das Dialogfeld benennt den Entwurf und verfügt über „Entwurf behalten“, „Entwurf löschen“; Nach dem Abbrechen kehrt der Fokus zur ursprünglichen Löschschaltfläche zurück.

Checkliste suchen