Frontend Accessibility

概要

Frontend Accessibility empowers developers to build inclusive user interfaces by providing deep expertise in semantic HTML, ARIA attributes, and keyboard navigation. It guides the creation of components that are fully navigable by screen readers and keyboard-only users, ensures sufficient color contrast for visual clarity, and manages complex focus states in modern web applications. Whether you are building simple forms or complex interactive modals, this skill helps you adhere to global web standards and improve the user experience for people of all abilities.

主な機能

• ARIA attribute orchestration (labels, roles, and descriptions)
• 0 GitHub stars
• Color contrast ratio validation and accessibility
• Keyboard navigation and focus state management
• Semantic HTML structure (nav, main, article, section)
• Screen reader compatibility and testing guidance

ユースケース

• Refactoring existing JSX/TSX or HTML templates for WCAG compliance.
• Developing interactive UI components like modals, dropdowns, and navigation menus.
• Designing forms with accessible labels, input validation, and error messaging.