Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From Claude Starter Kit
Frontend accessibility audit (WCAG): semantic HTML, keyboard access, focus management, contrast, ARIA, screen readers. Trigger phrases: "a11y", "accessibility", "WCAG", "screen reader", "keyboard navigation", "contrast", "ARIA"
How this skill is triggered — by the user, by Claude, or both
Slash command
/claude-starter-kit:a11yThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Goal: make the interface usable by **everyone**, including keyboard, screen reader, and low vision. Baseline target: **WCAG 2.1 AA**.
Goal: make the interface usable by everyone, including keyboard, screen reader, and low vision. Baseline target: WCAG 2.1 AA. Stack-agnostic (web/React/RN); do a web search when needed for framework-specific APIs.
button/a/nav/main/h1..h6 correct; no div-buttonsalt on meaningful images; alt="" on decorative imageslabel; error message programmatically linked (aria-describedby)prefers-reduced-motion<html lang> correct (coordinate with i18n)button instead of role="button"+div.aria-label on visual-only icon buttons).aria-live); manage modal focus.htmlFor/aria-*; use button instead of a clickable div.accessible, accessibilityLabel, accessibilityRole, accessibilityState (coordinate with frontend-rn-expo).npx claudepluginhub byerlikaya/claude-starter-kit --plugin claude-starter-kitEnforces WCAG AA and ARIA best practices for screen readers, keyboard navigation, and focus management. Use when building or auditing user-facing interfaces for accessibility compliance.
Audits and implements WCAG 2.1 AA accessibility for React/Next.js apps, covering keyboard navigation, color contrast, screen reader testing, and ARIA.
Guias de acessibilidade (a11y) para interfaces web seguindo WCAG 2.2 AA. Use ao construir ou revisar UI (componentes React, formulários, modais, navegação, tabelas) para garantir semântica HTML correta, uso apropriado de ARIA, navegação por teclado, gestão de foco, contraste de cor e suporte a leitores de tela. Carrega o guia certo por tarefa a partir de references/. Não use para acessibilidade de PDF/documentos, auditoria jurídica formal de conformidade, ou design visual sem relação com a11y.