Communitygithub.com

alty-oss/design-barrierefreiheit

Verwenden Sie diese Fähigkeit, um die Tastaturzugänglichkeit, den Fokus, zugängliche Namen, Struktur, Kontrast und Bewegungsverhalten der Benutzeroberfläche zu überprüfen.

Was ist design-barrierefreiheit?

Diese Fähigkeit dient der detaillierten Überprüfung der Barrierefreiheit von Web-UIs. Sie stellt einen strukturierten Prüfprozess bereit, der semantische Orientierungspunkte, aussagekräftige Namen, Verknüpfungen zwischen Labels und Eingabefeldern sowie Fehlerzuordnungen abdeckt. Die Überprüfung umfasst Fokussichtbarkeit, Fokusreihenfolge und -wiederherstellung, Tastaturaktivierung, Escape-Verhalten, Kontrast, Zoom/Reflow und Reduzierte-Bewegung-Einstellungen. Ein besonderer Schwerpunkt liegt auf der Verwendung echter Browser-Aktionen für Tastaturtests, da programmatische Methoden wie dispatchEvent nicht als vertrauenswürdige Nachweise gelten. Die Fähigkeit unterstützt die Klassifizierung von Problemen als Blocker, Major oder Minor, jeweils mit Nachweisen und Reparaturvorschlägen. Sie ist für Entwickler und Tester konzipiert und setzt voraus, dass bestehende Automatisierungstests ausgeführt werden, ohne dass allein aufgrund dieser Prüfung eine vollständige WCAG-Konformität beansprucht werden darf.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alty-oss/dev-design/tree/HEAD/skills/accessibility-review

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Überprüfung der Barrierefreiheit

Português (Brasil) Überprüfen Sie den implementierten primären Ablauf und die relevanten Wiederherstellungszustände mithilfe des Browser-Validierungsvertrags. Prüfen Sie semantische Orientierungspunkte/Überschriften, aussagekräftige Namen, Label/Input- und Fehlerzuordnungen, Fokussichtbarkeit, Fokusreihenfolge/-wiederherstellung, Tastaturaktivierung und Escape-Verhalten, Kontrast, Zoom/Reflow und Reduzierte-Bewegung-Verhalten. Kalibrieren Sie die unterstützte native Tastatureingabe mit beobachtbaren Fokus-/Aktivierungsänderungen. Eine benannte press_key-API ohne geändertes Verhalten ist nicht ausreichend. Versuchen Sie, sofern verfügbar, eine dokumentierte native Alternative. Wenn diese fehlschlägt, markieren Sie die Funktion als nicht unterstützt. dispatchEvent und skriptgesteuerter Fokus sind keine vertrauenswürdigen Tastaturnachweise. Verwenden Sie für Tastaturbehauptungen echte Browseraktionen. Überprüfen Sie Overlays und Validierung. Ein Screenshot allein kann die Fokusreihenfolge oder das Verhalten von Hilfstechnologien nicht belegen. Berechnen Sie bei einfarbigen Hintergründen den Kontrast aus den tatsächlich berechneten Vorder-/Hintergrundfarben, einschließlich Deckkraft/Vererbung/Zusammensetzung; verwenden Sie bei komplexen Hintergründen eine Pixelanalyse. Notieren Sie Methode, Farben, Verhältnis und Umfang. Führen Sie vorhandene Barrierefreiheitsautomatisierung aus, sofern verfügbar; notieren Sie deren Umfang und Ergebnis. Fügen Sie keine Tool-Abhängigkeit nur hinzu, um eine Abdeckung zu behaupten. Klassifizieren Sie Probleme als Blocker/Major/Minor mit Nachweisen und Reparatur; testen Sie das betroffene Verhalten nach Korrekturen erneut. Notieren Sie nicht unterstützte Prüfungen als ausstehend. Automatisierte Scans und eingeschränkte manuelle Prüfungen stellen keine vollständige WCAG-Konformität her. Erklären Sie keine globale Konformität ohne den erforderlichen Prüfumfang.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

Verwandte Skills