rails-37-style-frontend-accessibility
CommunityEnhance web accessibility for Rails apps.
AuthorChwistophe
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses common accessibility pitfalls in web development, ensuring that applications are usable by everyone, including users with disabilities who rely on assistive technologies like screen readers and keyboard navigation.
Core Features & Use Cases
- ARIA Implementation: Correctly use ARIA attributes for dynamic content and custom controls.
- Keyboard Navigation: Ensure logical tab order and keyboard operability for all interactive elements.
- Screen Reader Compatibility: Make content understandable and navigable for screen reader users.
- Focus Management: Implement clear and consistent focus indicators and manage focus within modals and complex components.
- Use Case: Improve the usability of a complex form with many interactive elements by ensuring it can be fully navigated and understood using only a keyboard and a screen reader.
Quick Start
Apply the .visually-hidden CSS class to hide elements from sight but keep them accessible to screen readers.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: rails-37-style-frontend-accessibility Download link: https://github.com/Chwistophe/agent-skills-unofficial-37-signals-rails-way-fizzy/archive/main.zip#rails-37-style-frontend-accessibility Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.