Agent skill

design-accessibility

WCAG and ARIA best practices for web UIs. Extends platform-frontend with accessibility-specific rules. Use when building any user-facing interface.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/design-accessibility

SKILL.md

Principles

  • Use semantic HTML first — ARIA is a last resort, not a first tool
  • Proper heading hierarchy — one h1 per page, never skip levels
  • Alt text on all meaningful images
  • Maintain 4.5:1 minimum color contrast ratio
  • Use <button> for actions, <a> for navigation — never a styled <div>

Rules

See rules/ for detailed patterns.

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results