Frontend Accessibility

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.

When to use this skill

• When creating or modifying HTML markup for pages or components
• When implementing interactive elements like buttons, links, forms, or navigation menus
• When adding keyboard navigation support to UI components
• When managing focus states in modals, dropdowns, or single-page applications
• When adding alternative text to images or ARIA labels to elements
• When ensuring color contrast ratios meet WCAG standards
• When structuring pages with proper semantic HTML (nav, main, header, footer, article)
• When implementing proper heading hierarchy (h1, h2, h3, etc.)
• When testing UI changes with screen readers (VoiceOver, NVDA, JAWS)
• When working with form inputs, labels, and validation messages

Instructions

For details, refer to the information provided in this file: frontend accessibility