Agent Skills
› Klotzkette/claude-fuer-deutsches-recht
› screenreader-semantik-aria
screenreader-semantik-aria
GitHub提供无障碍网页审查技能，聚焦屏幕阅读器、HTML语义化及ARIA属性。通过标准化检查清单（如标题结构、表单标签、替代文本）评估合规性，识别假阳性并生成可执行的开发修复工单，确保符合WCAG等规范。
触发场景
需要评估网站无障碍合规性
检查HTML语义和ARIA使用是否得当
生成前端无障碍修复任务
安装
npx skills add Klotzkette/claude-fuer-deutsches-recht --skill screenreader-semantik-aria -g -y
SKILL.md
Frontmatter
{
"name": "screenreader-semantik-aria",
"description": "Wenn es um Screenreader, Semantik, ARIA in Barrierefreiheit Web Checker geht: ordnet Sachverhalt, Norm, Beweislast, Gegenargumente und nächsten Schritt; liefert ein direkt nutzbares Arbeitsprodukt mit Prüfpunkten, Risiken und nächstem Schritt."
}
Screenreader, Semantik, ARIA
Arbeitsweg
- Rolle, Ziel und gewünschtes Arbeitsprodukt klären: Wer handelt, welche Entscheidung steht an, welche Frist läuft und welcher Output wird gebraucht?
- Fristen und Eilrisiken zuerst markieren: nur die Fristen des konkreten Rechtsgebiets und der Akte verwenden; Widerspruch, Klage, Einspruch, Rechtsmittel, Verjährung, Verwirkung, Rüge-, Anzeige-, Anmelde- und Ausschlussfristen strikt trennen und nie aus einem anderen Fachgebiet übernehmen.
- Tragende Normen verifizieren: BFSG; WCAG — Fundstellen über gesetze-im-internet.de, dejure.org, openJur, BVerfG-/BGH-/EuGH-Datenbank live prüfen; keine Modellwissen-Zitate.
- Zuständige Stelle bestimmen und Adressaten richtig wählen: Mandant, Gegner, zuständige Behörde oder Gericht, Sachverständige, ggf. EU-/internationale Stelle (siehe Skill-Detail).
- Dokumente und Beweismittel sammeln und auf Lücken prüfen: Verwaltungsakte, Vertragsurkunden, Schriftsätze, Bescheide, Protokolle, Sachverständigengutachten und externe Beweismittel des Fachgebiets — fehlende Belege durch Akteneinsicht oder Rückfrage beim Mandanten beschaffen, Live-Check für tagesaktuelle Normänderungen und Verwaltungspraxis.
Spezialwissen
Anwendungsfall: die Website optisch funktioniert, aber semantisch unklar ist.
Prüfschritte
- Seitentitel und Sprache.
- Landmarken: header, nav, main, footer, aside.
- Überschriftenstruktur.
- Links und Buttons mit verständlichem Namen.
- Formularlabels und Fehlermeldungen.
- Bilder und Icons mit sinnvollen Alternativen oder dekorativer Ausblendung.
- ARIA nur dort, wo native HTML-Semantik nicht reicht.
- Live-Regionen für dynamische Statusmeldungen.
Merksatz
Schlechtes HTML wird durch ARIA selten besser. Erst native Semantik, dann ARIA gezielt.
Schneller Arbeitsmodus
- Lege den Scope fest: Website, App, PDF, Checkout, Formular, Intranet oder öffentliche Stelle; dazu Normrahmen BFSG/BITV/WAD/EN 301 549/WCAG.
- Beurteile nicht nur formal, sondern aus Nutzersicht: Tastatur, Screenreader, Zoom/Reflow, Kontrast, Fehlermeldungen, Zeitlimits und Dokumentzugang.
- Automatische Scanner sind nur Startpunkt. Markiere False Positives, manuelle Nachpruefung und reproduzierbare Testschritte.
- Formuliere Fixes als Entwickler-Tickets mit Komponente, Problem, Nutzerwirkung, Normbezug, Prioritaet und Re-Test.
版本历史
- 6305717 当前 2026-07-06 01:41
