Implements WCAG 2.2 Level AA compliant user interfaces in Rails applications using best-practice ARIA, keyboard navigation, and focus management patterns.
This skill equips Claude with specialized patterns to ensure Ruby on Rails applications meet strict accessibility standards. It provides implementation strategies for semantic HTML, ARIA roles, and keyboard-accessible widgets specifically tailored for modern Rails stacks including ViewComponents, Hotwire, and Tailwind CSS. By providing ready-to-use logic for screen reader support and focus trapping, it helps developers build inclusive enterprise-grade applications that comply with WCAG 2.2 Level AA guidelines while maintaining high development velocity.
주요 기능
012 GitHub stars
02TailAdmin and Tailwind-compatible focus indicator and contrast patterns
03Stimulus-powered logic for focus trapping and roving tabindex patterns
04Accessible dynamic content updates via Turbo Streams and live regions
05ARIA role and relationship mapping for complex widgets and forms
06Comprehensive WCAG 2.2 Level AA implementation reference for Rails UI
사용 사례
01Remediating existing Rails UI components to meet accessibility compliance audits
02Implementing screen-reader-friendly validation feedback and status announcements
03Building accessible interactive components like modals, tabs, and dropdowns
