Fähigkeiten accessibility-fundamentals
📦

accessibility-fundamentals

Inhaltsrevision r1 Sicher ⚙️ Externe Befehle

React-Grundlagen zur Barrierefreiheit überprüfen

Interaktive React-Oberflächen verfehlen oft Anforderungen an Tastaturbedienung, Beschriftung und Fokus. Dieser Skill führt Claude, Codex und Claude Code durch praktische WCAG-Prüfungen für JSX, Formulare, Navigation und Dialoge.

Unterstützt: Claude Codex Code(CC)
Maintain this Skill? Claim it 🥉 79 Bronze

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage
Review the Skillstore skill "accessibility-fundamentals" from https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals.md and its manifest at https://skillstore.io/api/skills/danielpodolsky-accessibility-fundamentals/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/danielpodolsky-accessibility-fundamentals.md Signiertes manifest GET /api/skills/danielpodolsky-accessibility-fundamentals/manifest Signiertes lockfile GET /api/skills/danielpodolsky-accessibility-fundamentals/lockfile

Testen

„accessibility-fundamentals“ wird verwendet. Ein Pull Request fügt einen reinen Icon-Button zum Löschen und ein Formular mit Feldern hinzu, die nur Platzhalter verwenden.

Erwartetes Ergebnis:

Das Review erkennt fehlende barrierefreie Namen und fehlende Formular-Labels, erklärt die Auswirkung auf Nutzer und empfiehlt sichtbare Labels sowie einen klaren Button-Namen.

„accessibility-fundamentals“ wird verwendet. Eine Modal-Komponente wird aus einem Navigationsmenü geöffnet und lässt sich nur per Mausklick schließen.

Erwartetes Ergebnis:

Das Review hebt fehlendes Escape-Verhalten per Tastatur, Anforderungen an Focus Trapping und die Notwendigkeit hervor, den Fokus zum Auslöser zurückzuführen.

„accessibility-fundamentals“ wird verwendet. Eine Seite verwendet farbige Status-Badges und entfernt standardmäßige Fokusumrandungen.

Erwartetes Ergebnis:

Das Review markiert ausschließlich farbbasierte Bedeutung und unsichtbaren Tastaturfokus und schlägt anschließend Textindikatoren und einen sichtbaren Fokusstil vor.

Sicherheitsaudit

Sicher
v9 • 6.7.2026 Versionsbericht öffnen

All external command findings are false positives caused by Markdown inline code and fenced JSX, CSS, testing, and MCP examples in SKILL.md. The system reconnaissance finding is also a false positive for a CSS focus outline declaration. No prompt injection, credential handling, exfiltration intent, or malicious behavior was found.

1
Gescannte Dateien
287
Analysierte Zeilen
0
Prüfelemente
0
Falschmeldungen ignoriert

Risikofaktoren

⚙️ Externe Befehle (38)
SKILL.md:28 SKILL.md:29 SKILL.md:35 SKILL.md:39 SKILL.md:44 SKILL.md:45 SKILL.md:54-64 SKILL.md:64-66 SKILL.md:66-70 SKILL.md:70-83 SKILL.md:83-87 SKILL.md:87-97 SKILL.md:97-101 SKILL.md:101-118 SKILL.md:118-122 SKILL.md:122-132 SKILL.md:132-136 SKILL.md:136-144 SKILL.md:144-172 SKILL.md:172-182 SKILL.md:182-192 SKILL.md:192-193 SKILL.md:193-194 SKILL.md:194-195 SKILL.md:195-196 SKILL.md:196-197 SKILL.md:197-198 SKILL.md:198-212 SKILL.md:212-220 SKILL.md:220-224 SKILL.md:224-238 SKILL.md:238-246 SKILL.md:246-247 SKILL.md:247-251 SKILL.md:251-269 SKILL.md:269-272 SKILL.md:272-275 SKILL.md:275-278
Das letzte abgeschlossene statische und semantische Audit erkannte keine bestätigten Sicherheitsbefunde. Dies beweist nicht, dass der Skill keine Nebenwirkungen hat.
Geprüft von: codex Audit-Verlauf anzeigen →
Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen
Sicherheitsbewertung

Berichtslink kopieren

https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/danielpodolsky-accessibility-fundamentals/security.svg)](https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals?utm_source=security_passport_badge)

HTML-Badge

<a href="https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/danielpodolsky-accessibility-fundamentals/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/danielpodolsky-accessibility-fundamentals.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

DanielPodolsky. (2026). accessibility-fundamentals security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9

BibTeX-Zitat

@techreport{danielpodolsky-danielpodolsky-accessibility-fundamentals-2026, author = {DanielPodolsky}, title = {accessibility-fundamentals security audit report (audit version 9)}, institution = {Skillstore}, year = {2026}, number = {9}, url = {https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "accessibility-fundamentals security audit report (audit version 9)" version: "unspecified" type: report authors: - name: "DanielPodolsky" date-released: "2026-07-06" url: "https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9" identifiers: - type: other value: "skillstore:danielpodolsky-accessibility-fundamentals:audit:9" description: "Skillstore immutable audit report identifier"

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch
55
Architektur
85
Wartbarkeit
87
Inhalt
70
Gemeinschaft
91
Spezifikationskonformität

Was Sie erstellen können

Ein React-Formular vor dem Merge überprüfen

Prüfen Sie Labels, Fehlermeldungen, ungültige Zustände und Tastaturverhalten, bevor ein Pull Request genehmigt wird.

Eine Design-System-Komponente bewerten

Bewerten Sie Buttons, Icon-Steuerelemente, Modale, Menüs und Navigationsmuster auf wiederverwendbare Barrierefreiheitsprobleme.

Interview-taugliche Notizen zur Barrierefreiheit vorbereiten

Verwandeln Sie Implementierungsarbeit in klare Beispiele zu semantischem HTML, Fokusmanagement und Entscheidungen für inklusives Design.

Diese Prompts ausprobieren

JSX-Prüfung für Einsteiger 
Überprüfe dieses JSX auf grundlegende Barrierefreiheit. Konzentriere dich auf semantische Elemente, Labels, Alt-Text, Tastaturzugang und sichtbare Fokuszustände.
Review der Formular-Barrierefreiheit 
Prüfe dieses Formular auf Barrierefreiheit. Überprüfe Label-Zuordnungen, Verknüpfung von Fehlermeldungen, Verwendung von aria-invalid, Abhängigkeit von Platzhaltern und Abschluss per Tastatur.
Audit interaktiver Komponenten 
Überprüfe diese interaktive Komponente auf Tastaturverhalten, Fokusmanagement, Escape-Wege, barrierefreie Namen und passenden ARIA-Zustand.
Fortgeschrittenes Release-Gate 
Führe ein releasebereites Barrierefreiheits-Review durch. Priorisiere WCAG-Auswirkung, Nutzerrisiko, manuelle Testabdeckung, Lücken bei automatisierten Tests und konkrete Behebungsschritte.

Bewährte Praktiken

  • Beginnen Sie mit semantischem HTML, bevor Sie ARIA-Attribute hinzufügen.
  • Testen Sie jeden interaktiven Ablauf mit einer Tastatur, bevor Sie Änderungen freigeben.
  • Kombinieren Sie automatisierte axe-Prüfungen mit manuellen Reviews für Screenreader, Zoom und Fokus.

Vermeiden

  • div- oder span-Elemente als Buttons verwenden, ohne natives Tastaturverhalten bereitzustellen.
  • Platzhalter als einziges Label für Formularfelder verwenden.
  • Fokusumrandungen entfernen, ohne einen sichtbaren Ersatz bereitzustellen.

Häufig gestellte Fragen

Führt dieser Skill Barrierefreiheitstests automatisch aus?
Nein. Er bietet Review-Anleitung und Testvorschläge, aber der Nutzer oder Agent muss die eigentlichen Tools ausführen.
Für welche Frameworks eignet er sich am besten?
Er passt am besten zu React und JSX, besonders zu Komponenten mit Formularen, Buttons, Navigation, Dialogen und benutzerdefinierten Interaktionen.
Ersetzt er ein WCAG-Audit?
Nein. Er hilft, häufige Probleme zu finden, aber formale Compliance erfordert umfassendere Tests und Expertenprüfung.
Kann er bei ARIA-Entscheidungen helfen?
Ja. Er erklärt gängige ARIA-Attribute und empfiehlt semantisches HTML, bevor ARIA hinzugefügt wird.
Was sollte ich für das beste Review bereitstellen?
Stellen Sie den Komponentencode, den erwarteten Nutzerfluss, das Validierungsverhalten und alle Designanforderungen für Fokus oder Zustand bereit.
Ist er für Designer nützlich?
Ja. Designer können ihn nutzen, um Labels, Fokuszustände, Farbabängigkeit und Interaktionsanforderungen vor der Übergabe zu prüfen.

Entwicklerdetails

Lizenz

MIT

Skillstore-Revision

r1

Versionshinweis

Der Autor hat keine Version angegeben.

Repository

https://github.com/DanielPodolsky/mentor-spec/tree/main/.claude/skills/fundamentals/accessibility

Ref.

34f316ba14ef36c7a620fc09f2676d2429997a77

Aktualität der Wartung

18.7.2026

Nutzung

7 Downloads · 203 Aufrufe

Dateistruktur

📄 SKILL.md