Entwicklung
Accordion Accessibility Checker
Prüft Accordion-Markup auf ARIA-Attribute und Tastaturbedienbarkeit.
Dieser Skill unterstützt beim Review von Templates, serverseitig gerendertem HTML und Komponenten, die Accordion-Elemente ausgeben. Er prüft, ob Trigger als button-Elemente mit aria-expanded umgesetzt sind, ob Panels über aria-controls korrekt zugeordnet werden und ob Tastaturnavigation mit Enter, Leertaste und Pfeiltasten funktioniert. Damit deckt er einen typischen Barrierefreiheits-Schwachpunkt ab, der Screenreader- und Tastaturnutzer von eingeklappten Inhalten aussperrt.
Der Skill liefert eine kompakte Checkliste sowie Anleitungen zum Erkennen, Erklären und Beheben fehlerhafter Accordion-Implementierungen, ergänzt durch eine ausführliche Referenzdatei mit framework-spezifischen Beispielen. Er besteht ausschließlich aus Dokumentation ohne ausführbaren Code und eignet sich für Entwickler und Reviewer, die die finale gerenderte Markup-Ausgabe auf ARIA-Konformität prüfen wollen, statt sich nur auf Framework-Abstraktionen zu verlassen.
FAQ
Häufige Fragen zu Accordion Accessibility Checker
- Was genau prüft der Skill konkret?
- Er kontrolliert, ob Accordion-Trigger als button-Elemente mit aria-expanded ausgezeichnet sind, ob Panels per aria-controls korrekt mit ihrem Trigger verknüpft sind und ob Tastaturbedienung über Enter, Leertaste und Pfeiltasten funktioniert. Zusätzlich wird auf sinnvolle Verwendung von Heading-Elementen für die Dokumentstruktur geachtet.
- Prüft der Skill meinen Quellcode oder die tatsächlich ausgelieferte Seite?
- Laut Beschreibung liegt der Fokus auf der final gerenderten, browserseitigen Markup-Ausgabe – also Templates, serverseitig gerendertes HTML und Komponenten, wie sie tatsächlich an den Browser ausgeliefert werden. Framework-Abstraktionen im Quellcode allein reichen als Prüfgegenstand nicht aus, da sie das gerenderte Ergebnis verschleiern können.
- Ist der Skill an ein bestimmtes Framework gebunden?
- Nein, im SKILL.md-Kern ist der Skill framework-unabhängig formuliert und richtet sich an jede Art von Template oder Komponente, die Accordion-Markup ausgibt. Für framework-spezifische Beispiele verweist der Skill auf eine separate Referenzdatei (references/rule.md), deren genauer Inhalt hier nicht vorliegt.
- Führt der Skill automatisch Code-Änderungen aus?
- Nein, laut Beschreibung besteht der Skill ausschließlich aus Dokumentation ohne ausführbaren Code. Er liefert Checklisten, Erklärungen und Hinweise zum Erkennen und Beheben von Problemen, die eigentliche Umsetzung der Fixes bleibt Aufgabe des Entwicklers oder Reviewers.