Hilft bei der korrekten Eingabe und Korrektur von Fehlern direkt im Informationsfeld.
Prüffortschritt
Vergleichen Sie Informationen und Präsentation im Nutzungskontext.
Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.
Konkrete Situationen beim Starten, Ändern und Abschließen einer Aufgabe testen.
Der Fortschritt wird automatisch in diesem Browser gespeichert.
ANLEITUNG
Senden Sie das Formular mit einer fehlenden Zelle und bearbeiten Sie es dann über die Tastatur. Halten Sie die Beschriftung sichtbar, beschreiben Sie die Anfrage, bevor Sie sie eingeben, und platzieren Sie den Fehler so nah, dass Sie genau wissen, welche Felder korrigiert werden müssen.
BEISPIELE
Das Feld mit der Bezeichnung „E-Mail“ und der Fehler „Geben Sie Ihre E-Mail-Adresse als name@vidu.com ein“; Der gerade eingegebene Inhalt bleibt erhalten, damit der Benutzer ein Zeichen bearbeiten kann.
Den Eingabebereich vom Hintergrund abgrenzen und Text sowie Einfügemarke in beiden Designs sichtbar halten.
Fokus, automatisches Ausfüllen und Textvergrößerung testen: Der Rahmen verdeckt keinen Text und verändert nicht sprunghaft seine Größe.
Beispiel Das E-Mail-Feld erhält bei Fokus einen stärkeren Rahmen, ohne die Zeilenhöhe zu ändern.
Beschriftungen bleiben nach Eingabe bestehen; Hinweise ergänzen Format und notwendige Bedingungen.
Daten eingeben und den Feldnamen mit Screenreader erneut lesen: Beschriftung und Hinweis bleiben richtig zugeordnet.
Beispiel „Bestellnummer“ steht über dem Hinweis „Beispiel: DZ-2048“.
Dekorative Symbole von Aktionen wie Passwortanzeige oder Löschen des Suchbegriffs unterscheiden.
Feld und Zusatzschaltfläche mit Tab erreichen: Die Aktion ist klar benannt und löscht nichts unbeabsichtigt.
Beispiel Die Lupe ist dekorativ; „Suche löschen“ erhält Fokus und eine Beschriftung.
Leer, befüllt, fokussiert, schreibgeschützt, deaktiviert und fehlerhaft nach einheitlichen Regeln definieren.
Nach einem Fehler erneut eingeben: Der Fehler wird zum passenden Zeitpunkt aktualisiert und Daten bleiben erhalten.
Beispiel Ein schreibgeschützter Bestätigungscode bleibt kopierbar; ein Feld beim Absenden zeigt den Wartezustand.
Feldgröße an die Informationsdichte anpassen und Schrift sowie Berührungsfläche gut nutzbar halten.
Kompakte Felder in Tabellen und große Felder mobil testen: Text wird vertikal nicht abgeschnitten.
Beispiel Die Verwaltungstabelle hat kompakte Filterfelder; die Anmeldung verwendet höhere Felder.
Mehrzeilige Felder nur für Inhalte mit Zeilenumbrüchen einsetzen; Scrollen und Grenzen klar halten.
Langen Text einfügen und Tastatur öffnen: Eingabeposition und Senden bleiben sichtbar.
Beispiel Das Feedbackfeld wächst bis zu einer Grenze mit und scrollt danach innerhalb des Felds.
