Klären Sie Aktionen und Reaktionen nach der Aktivierung.
Prüffortschritt
Vergleichen Sie Informationen und Präsentation im Nutzungskontext.
Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.
Der Fortschritt wird automatisch in diesem Browser gespeichert.
ANLEITUNG
Drücken Sie die Taste, wenn das Netzwerk langsam ist, und drücken Sie dann erneut. Reagieren Sie früh genug auf den Bearbeitungsstatus, vermeiden Sie doppelte Übermittlungen und verwenden Sie anstelle eines generischen Wortes eine Bezeichnung, die das Ergebnis der Aktion angibt.
BEISPIELE
Die Schaltfläche „Änderungen speichern“ ändert sich während der Bearbeitung in „Speichern…“; Wenn Sie fertig sind, zeigen Sie eine Bestätigung an und lassen Sie die Bearbeitung fortfahren.
Eine klare Größenskala für Formulare, Werkzeugleisten und mobile Aktionen verwenden.
Lange Beschriftungen und größere Schrift testen: Die Berührungsfläche bleibt erhalten, ohne das Layout zu überlaufen.
Beispiel „Bestellung bestätigen“ ist mobil breit; Filterschaltflächen in der Werkzeugleiste bleiben kompakt.
Standard, Überfahren, Fokus, deaktiviert und Laden durch eigene Merkmale zusätzlich zur Farbe kennzeichnen.
Absenden und während der Wartezeit erneut klicken: Die Aufgabe startet nicht doppelt und der Fokus bleibt sichtbar.
Beispiel Während die Anfrage verarbeitet wird, zeigt die Schaltfläche „Wird gespeichert…“.
Symbole ergänzen die Beschriftung; reine Symbolschaltflächen brauchen einen zugänglichen Namen und gegebenenfalls einen Hinweis.
Den Namen mit Screenreader lesen und mit Personen testen, die das Symbol noch nicht kennen.
Beispiel Die Papierkorb-Schaltfläche hat das aria-label „Entwurf löschen“ statt nur „Löschen“.
Haupt-, Neben- und kritische Aktionen durch ein einheitliches System unterscheiden.
Zwei Aktionen nebeneinander platzieren: Hauptschritt und Folgen des Löschens bleiben erkennbar.
Beispiel „Änderungen speichern“ ist die Hauptschaltfläche; „Abbrechen“ wird zurückhaltender dargestellt.
