accessibility-compliance-accessibility-audit
Web-Barrierefreiheit mit WCAG auditieren
Diese Fähigkeit hilft Entwicklern, umfassende WCAG-Konformitätsaudits mithilfe automatisierter Tools und manueller Tests durchzuführen, um Barrierefreiheits-Hindernisse zu identifizieren und Abhilfemaßnahmen bereitzustellen.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "accessibility-compliance-accessibility-audit". Run WCAG AA audit on example.com
Erwartetes Ergebnis:
Barrierefreiheits-Audit-Ergebnisse: Punktzahl 72/100. Kritische Probleme: 3 (fehlender Alt-Text, Formularbeschriftungen). Ernste Probleme: 5 (Kontrast, Fokusindikatoren). Empfohlene Korrekturen mit Codebeispielen bereitgestellt.
Verwendung von "accessibility-compliance-accessibility-audit". How do I fix keyboard trap in modal?
Erwartetes Ergebnis:
So beheben Sie Keyboard-Trap: 1) Escape-Taste-Handler zum Schließen des Modals hinzufügen. 2) Sicherstellen, dass der Fokus zum Auslöse-Element zurückkehrt. 3) Fokus während des Öffnens innerhalb des Modals einschließen. Siehe Codebeispiel mit React und ARIA.
Sicherheitsaudit
SicherSecurity review complete. All static findings are false positives. The skill provides legitimate accessibility testing examples using standard tools (axe-core, Puppeteer). No actual command injection, credential access, or malicious network requests present. Code examples are for local accessibility testing only.
Qualitätsbewertung
Was du bauen kannst
Barrierefreiheits-Audit vor dem Release
Führen Sie ein umfassendes Barrierefreiheits-Audit vor dem Launch einer Website durch, um WCAG-AA-Konformität sicherzustellen und Barrieren zu identifizieren.
Abhilfemaßnahmen-Anleitung
Erhalten Sie schrittweise Anleitungen zur Behebung spezifischer Barrierefreiheitsverletzungen mit Codebeispielen.
Barrierefreiheits-Schulung
Erlernen Sie Best Practices für Tastaturnavigation, Screenreader-Unterstützung und inklusive Designmuster.
Probiere diese Prompts
Run a WCAG AA accessibility audit on my website at [URL]. Identify the top issues and provide remediation steps.
Test the login form component for accessibility. Check for proper labels, keyboard navigation, error handling, and screen reader announcements.
I have [specific accessibility issue]. Provide detailed code examples to fix this using React and ARIA attributes.
Create a GitHub Actions workflow to run automated accessibility tests on every pull request using axe-core.
Bewährte Verfahren
- Immer mit echten Hilfstechnologien testen, nicht nur mit automatisierten Tools
- Korrekturen nach Benutzerwirkung priorisieren (kritisch > ernst > mittel > gering)
- Barrierefreiheitsentscheidungen und Begründungen in Codekommentaren dokumentieren
- Barrierefreiheitstests in Ihre CI/CD-Pipeline einbeziehen
Vermeiden
- Sich ausschließlich auf automatisierte Tools ohne manuelle Tests verlassen
- Farbe als einziges Mittel zur Informationsübermittlung verwenden
- tabindex > 0 setzen, was die logische Tab-Reihenfolge stört
- ARIA-Attribute hinzufügen, ohne deren Bedeutung zu verstehen