wcag-audit-patterns
Führen Sie WCAG 2.2-Audits mit klaren Checklisten durch
Barrierefreiheits-Audits sind komplex und wichtige Probleme werden leicht übersehen. Diese Skill bietet WCAG 2.2-Checklists, Testanleitungen und Lösungsstrategien für Websites und Anwendungen.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "wcag-audit-patterns". Audit our checkout flow for WCAG 2.2 AA issues.
Erwartetes Ergebnis:
- Tastaturzugang für alle interaktiven Elemente überprüfen
- Farbkontrast auf primären Buttons und Fehlertext verifizieren
- Sicherstellen, dass Formulareingaben Labels haben und Fehlermeldungen angesagt werden
- Skip-Link hinzufügen und Fokus-Sichtbarkeit validieren
- Korrekturen dokumentieren und mit axe-core erneut testen
Verwendung von "wcag-audit-patterns". What are the critical WCAG issues to check on a landing page?
Erwartetes Ergebnis:
- Fehlende Alt-Texte auf Bildern und Icons
- Kein Tastaturzugang zu Buttons und Links
- Niedriger Farbkontrast auf Text und Hintergründen
- Fehlende Formular-Labels auf Registrierungsfeldern
- Keine sichtbaren Fokus-Indikatoren auf interaktiven Elementen
Verwendung von "wcag-audit-patterns". Help me fix the navigation for screen reader users.
Erwartetes Ergebnis:
- Richtige Landmarks hinzufügen: main, nav, aside, footer
- Semantisches HTML für Navigationsmenüs verwenden
- Sicherstellen, dass Skip-Link zum Hauptinhalt existiert
- ARIA-Labels für benutzerdefinierte Menü-Buttons hinzufügen
- Lesereihenfolge mit Screen-Reader-Software testen
Sicherheitsaudit
SicherThis is a pure documentation skill containing WCAG 2.2 audit guidance. No executable code, scripts, network calls, file access, or system interactions are present. The skill only contains markdown documentation with checklists and code examples for reference. All 86 static findings are false positives caused by the scanner misinterpreting markdown syntax (code block delimiters flagged as shell execution, section headers flagged as crypto algorithms, accessibility testing references flagged as reconnaissance).
Risikofaktoren
🌐 Netzwerkzugriff (8)
⚙️ Externe Befehle (45)
Qualitätsbewertung
Was du bauen kannst
Audit für Release-Bereitschaft
Verwenden Sie die Checkliste, um wichtige Seiten vor einem Produktions-Release zu validieren.
Verbessern von Komponentenmustern
Wenden Sie Lösungsstrategien an, um Labels, Kontrast und Fokuszustände zu korrigieren.
Vorbereitung einer WCAG-Review
Ordnen Sie Ergebnisse den WCAG-Stufen zu und dokumentieren Sie Lücken für einen Bericht.
Probiere diese Prompts
Erstelle eine Checkliste für Einsteiger für eine kleine Marketing-Site, mit Fokus auf WCAG A und AA-Elemente.
Liste die wichtigsten WCAG-Probleme für Formulare auf und gib konkrete HTML-Lösungen für Labels und Fehlermeldungen.
Schlage einen Plan vor, der axe-core und Playwright verwendet, um WCAG 2.2 AA-Probleme zu erkennen.
Entwirfe einen Audit-Gliederung mit Schritten zur Beweissammlung und Prioritäten für die Behebung.
Bewährte Verfahren
- Automatisierte Prüfungen mit manuellem Testen kombinieren
- Semantisches HTML verwenden, bevor ARIA hinzugefügt wird
- Beweise aufzeichnen und nach Auswirkungen priorisieren
Vermeiden
- Sich nur auf automatisierte Tools verlassen
- Fokus-Outlines aus visuellen Gründen entfernen
- Farbe als einzigen Statusindikator verwenden