accessibility-operable
CommunityMake UIs fully operable by all inputs.
Design & Creative#accessibility#keyboard navigation#focus management#modals and overlays#operable ui#wcag 2.1#input modalities
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps you ensure users can operate your UI reliably using keyboard and other input modalities, while preventing accessibility failures like keyboard traps, missing focus states, and timeouts they cannot manage.
Core Features & Use Cases
- Keyboard access and visible focus: Ensures every interactive element is reachable, focus is clearly shown, and focus order matches logical reading order.
- Overlay and navigation operability: Provides correct behavior for modals, dialogs, popovers, menus, and similar components, including focus trapping and restoring focus on close.
- Timing, motion, and input modality alternatives: Covers warning/adjustable timeouts, reduced-motion compliance, and keyboard/single-pointer alternatives for gesture-heavy interactions.
Quick Start
Apply accessibility-operable when reviewing a keyboard-only flow by tabbing through the interface, verifying focus is visible, and checking that every overlay can be closed (for example with Esc) without trapping the user.
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: accessibility-operable Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#accessibility-operable 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 471,000+ vetted skills library on demand.