Elysia Tools
Mobile Navigation
Workflow Playbook
Prüfen Sie Struktur, Vorlesereihenfolge, Screenshot-Kontrast und Risiken bei Farbsehschwächen einer Seite oder UI-Komponente und überführen Sie automatische Befunde in ein von Menschen geprüftes Veröffentlichungsprotokoll.
Themen
Ein Audit vor der Veröffentlichung beginnt mit einem reproduzierbaren Zustand statt mit einem zufälligen Seitenbesuch. Notieren Sie URL oder Fixture, Build-Kennung, Viewport, Anmeldung und Zustände wie Menüs, Dialoge, Validierungsfehler und leere Ergebnisse. Screenshots machen visuelle Befunde vergleichbar, ersetzen aber weder HTML noch das Verhalten, das sie erzeugt.
Starten Sie mit der Strukturprüfung für Beschriftungen, Alternativtexte, Überschriften und Bereiche. Prüfen Sie anschließend die simulierte Reihenfolge und vergleichen Sie sie mit der Aufgabe, die eine Person erledigen muss. Ein Tool kann eine verdächtige Reihenfolge markieren; ob sie verständlich ist, entscheidet der Mensch und testet zusätzlich Tastatur und passende assistive Technik.
Nutzen Sie Paarprüfungen für bekannte Werte, die Palettenprüfung für wiederverwendbare Token und die Heatmap für schwer aufzählbare Bereiche. Farbseh-Simulationen helfen, Zustände zu finden, die nur über den Farbton vermittelt werden. Bewahren Sie reale Werte und Screenshots auf und ergänzen Sie bei Bedarf Text, Symbole, Muster oder Statusbeschriftungen, die nicht von Farbe abhängen.
Der Bericht sollte jede automatische Beobachtung mit einer Fundstelle verbinden und den Retest speichern. Die menschliche Prüfung umfasst außerdem Tastatur, sichtbaren Fokus, Zoom, Umbruch, Inhaltsbedeutung und Ausnahmen. Schließen Sie mit beheben, erneut prüfen, zurückstellen oder blockieren. Der Ablauf ordnet Nachweise; er zertifiziert keine rechtliche Konformität und garantiert keine problemfreie Nutzung für alle Menschen.
Workflow-Leitfaden
Rendern Sie die Seite in den vereinbarten Viewports und Zuständen und speichern Sie Screenshots mit der Build-Kennung. Menüs, Dialoge, Fehlermeldungen und andere Zustände, die Fokusreihenfolge, Text oder Kontrast ändern können, gehören dazu; prüfen Sie nicht nur die Startansicht.
Übergeben Sie die repräsentative URL, das HTML oder das Designbild an den Accessibility-Prüfer. Ordnen Sie fehlende Beschriftungen, Alternativtexte, Überschriften und Bereiche sowie weitere erkannte WCAG-Risiken ein und bewahren Sie Eingabe und genaue Fundstelle auf.
Führen Sie dieselbe Seite oder dasselbe Markup durch den Screenreader-Simulator und prüfen Sie die Abfolge von Überschriften, Bereichen, Bedienelementen, Beschriftungen und Statusmeldungen. Vergleichen Sie sie mit der vorgesehenen Aufgabe und markieren Sie den Bedarf für einen echten Screenreader- oder Tastaturtest.
Verwenden Sie den Accessibility-Prüfer für URL- oder Markup-Befunde, Website Screenshot für wiederholbare Layoutvergleiche pro Viewport und beide Nachweise, wenn clientseitiges Rendering die ausgelieferte Oberfläche verändert.
Behandeln Sie die Ausgabe des Prüfers als automatische Hinweis-Liste und untersuchen Sie mit der Screenreader-Simulation Überschriften, Bereiche, Namen und Statusmeldungen. Ob die Reihenfolge für die konkrete Aufgabe verständlich ist, muss ein Mensch bestätigen.
Wählen Sie eine Kontrastprüfung für ein bekanntes Paar, die Palettenprüfung für Design-Token und Heatmap plus Farbsehwerkzeuge für Screenshot-Bereiche und Verwechslungsrisiken. Kein einzelnes Ergebnis beweist die Barrierefreiheit der gesamten Oberfläche.
Lokalisieren Sie mit der Screenshot-Heatmap schwache Bereiche, prüfen Sie wichtige Paare oder Token mit den Kontrastwerkzeugen und simulieren Sie Farbsehschwächen, um ununterscheidbare Zustände oder Bedienelemente zu erkennen. Simulationen sind Risikosignale und kein abschließendes Urteil.
Prüfen Sie Palette und Farb-Token, wenn ein Designsystem die Seite steuert, extrahieren Sie bei Bedarf Farben aus wichtigen Bildern und erzeugen Sie einen nach Schwere gruppierten Bericht. Die zuständige Person prüft Tastatur, sichtbaren Fokus, Zoom und Umbruch, Inhaltsbedeutung und Ausnahmen, bevor sie beheben, erneut prüfen, zurückstellen oder blockieren festlegt.