Barrierefreiheit

01

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Finalisieren Sie den TestumfangErfassen Sie Zugriffskriterien sowie Bildschirme und Status, die überprüft werden müssen.Kombiniert automatisierte Tests mit Tastenanschlägen und Bildschirmleseprogrammen.Beispiel Überprüfen Sie sowohl das Normalformular, das Fehlerformular als auch das Bestätigungsdialogfeld.Messen Sie den tatsächlichen KontrastSuchen Sie sowohl in hellen als auch in dunklen Oberflächen nach aussagekräftigen Texten, Symbolen und Steuerelementen.Überprüfen Sie jede Kombination aus Text, Hintergrund, Fokus und Status, einschließlich Unterinhalten. Notieren Sie die Ergebnisse neben der Probe, damit Systembenutzer keine falsche Wahl treffen.Erledigen Sie Aufgaben mit der TastaturAchten Sie auf die richtige Fokusreihenfolge, den korrekten Betrieb und den Austrittspfad aus der Überlagerung.Die Dokumentation sollte den Fokus und die Schlüsselpfade jedes Elementtyps beschreiben; Ein Screenshot der Benutzeroberfläche zeigt dieses Verhalten nicht.Halten Sie den Fokuspunkt sichtbarEntfernen Sie nicht die Fokusanzeige und lassen Sie nicht zu, dass die Kopfzeile oder das Bedienfeld die aktuelle Auswahl verdeckt.Stellen Sie sicher, dass der Fokus nicht durch die Kopfzeile, die Schublade oder die Tastatur verdeckt wird. Der Fokusstatus muss auf allen Benutzerhintergründen sichtbar sein.

02

Interaktion und Benutzerfreundlichkeit

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

Verwenden Sie korrekte Namen und StrukturenBeschriftungssteuerelemente, Titelhierarchien und Status, die Tools verstehen.Priorisieren Sie HTML-Elemente mit integriertem Verhalten; Fügen Sie eine Rolle oder ein Attribut nur hinzu, wenn es den tatsächlichen Zustand widerspiegelt.Überprüfen Sie, wann der Text größer wirdVergrößern Sie den Text und verkleinern Sie ihn auf dem Bildschirm, um Inhaltsausschnitte oder fehlende Aktionen zu finden.Lesen Sie die wichtigen ÄnderungenBei Fehlern werden Ergebnisse und Fortschritte gemeldet, ohne dass plötzlich der Fokus entsteht.Protokollieren Sie die körperliche UntersuchungFühren Sie den Test mit einer geeigneten Person oder einem geeigneten Hilfsmittel durch und geben Sie den nicht getesteten Teil deutlich an.Kombinieren Sie Automatisierungstools mit Tastatur- und Bildschirmleseprogrammen; Betrachten Sie einen automatischen fehlerfreien Bericht nicht als Beweis dafür, dass alle Aufgaben verwendbar sind.

03

Vervollständigen Sie das Erlebnis

Achten Sie auf Details, die bei der Verwendung des Designs leicht übersehen werden können.

Dokumentieren Sie das Barrierefreiheitsverhalten im DesignGeben Sie im Design vor der Implementierung barrierefreie Namen, Lesereihenfolge, Fokusplatzierung und dynamisches Feedback an.Notizen sollten der tatsächlichen Aktion folgen, z. B. dem Fokus nach dem Öffnen eines Modals oder einer Benachrichtigung nach dem Speichern, anstatt nur das ARIA-Attribut aufzulisten.Erfordern Barrierefreiheit beim Beitragen von KomponentenErfordern, dass neue oder geänderte Komponenten Tastatur-, barrierefreie Namens-, Kontrast- und Statusprüfungen anhand der Systemstandards bestehen.Geben Sie im Beitragsformular die verantwortliche Person und den Prüfungsnachweis an; Barrierefreiheitsfehler sollten wie andere Funktionsfehler verfolgt werden.

Barrierefreiheit Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Finalisieren Sie den Testumfang

Anwendungsbeispiele

Finalisieren Sie den Testumfang

Checkliste suchen

Keine Checklisten gefunden