The Accessibility Patterns skill empowers developers to create web applications that are usable by everyone, including those relying on assistive technologies. It provides comprehensive guidance on implementing the POUR principles (Perceivable, Operable, Understandable, Robust), ensuring correct semantic HTML structures, managing complex ARIA roles, and optimizing keyboard navigation. Whether you are building forms, navigation menus, or complex modals, this skill ensures your code meets WCAG 2.1 AA standards through industry-standard patterns and integrated testing strategies.
主な機能
01Color contrast validation and inclusive design strategies
02Advanced ARIA role, state, and attribute implementation
032 GitHub stars
04Semantic HTML mapping and document structure optimization
05Implementation of WCAG 2.1 Level AA compliance standards
06Keyboard navigation patterns and focus management logic
ユースケース
01Building complex interactive components like accessible modals, tabs, and menus
02Converting non-semantic legacy code into accessible HTML5 structures
03Auditing and remediating web interfaces for screen reader compatibility
