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.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "accessibility-compliance-accessibility-audit". Run WCAG AA audit on example.com
النتيجة المتوقعة:
Barrierefreiheits-Audit-Ergebnisse: Punktzahl 72/100. Kritische Probleme: 3 (fehlender Alt-Text, Formularbeschriftungen). Ernste Probleme: 5 (Kontrast, Fokusindikatoren). Empfohlene Korrekturen mit Codebeispielen bereitgestellt.
استخدام "accessibility-compliance-accessibility-audit". How do I fix keyboard trap in modal?
النتيجة المتوقعة:
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.
التدقيق الأمني
آمنSecurity 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.
درجة الجودة
ماذا يمكنك بناءه
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.
جرّب هذه الموجهات
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.
أفضل الممارسات
- 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
تجنب
- 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