design-accessibility

Installation
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 index for detailed patterns.

Examples

Positive Trigger

User: "Audit this form for WCAG AA issues and keyboard traps."

Expected behavior: Use design-accessibility guidance, follow its workflow, and return actionable output.

Installs
30
GitHub Stars
15
First Seen
Feb 11, 2026
design-accessibility — ravnhq/ai-toolkit