wcag-audit-patterns
Führen Sie WCAG 2.2-Audits mit klaren Checklisten durch
こちらからも入手できます: sickn33
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.
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「wcag-audit-patterns」を使用しています。 Audit our checkout flow for WCAG 2.2 AA issues.
期待される結果:
- 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
「wcag-audit-patterns」を使用しています。 What are the critical WCAG issues to check on a landing page?
期待される結果:
- 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
「wcag-audit-patterns」を使用しています。 Help me fix the navigation for screen reader users.
期待される結果:
- 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
セキュリティ監査
安全This 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).
リスク要因
🌐 ネットワークアクセス (8)
⚙️ 外部コマンド (45)
品質スコア
作れるもの
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.
これらのプロンプトを試す
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.
ベストプラクティス
- Automatisierte Prüfungen mit manuellem Testen kombinieren
- Semantisches HTML verwenden, bevor ARIA hinzugefügt wird
- Beweise aufzeichnen und nach Auswirkungen priorisieren
回避
- Sich nur auf automatisierte Tools verlassen
- Fokus-Outlines aus visuellen Gründen entfernen
- Farbe als einzigen Statusindikator verwenden