Accessibility Standards

Installation
SKILL.md

Accessibility Standards

Core Rule: Build accessible interfaces that work for all users, including those using assistive technologies.

When to use this skill

  • When creating or modifying frontend components (React, Vue, Svelte, web components, etc.)
  • When writing HTML templates or JSX/TSX component markup
  • When implementing forms and ensuring all inputs have proper labels
  • When adding images and needing to provide descriptive alt text
  • When building interactive elements that need keyboard navigation support
  • When implementing focus management in modals, dialogs, or single-page applications
  • When ensuring color contrast ratios meet WCAG standards (4.5:1 for normal text)
  • When adding ARIA attributes to enhance complex component accessibility
  • When creating proper heading hierarchies (h1-h6) for document structure
  • When testing components with screen readers or accessibility testing tools
  • When building navigation menus, buttons, or links that need to be keyboard accessible

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend accessibility.

Related skills

More from maxritter/claude-codepro

Installs
GitHub Stars
1.6K
First Seen