building-disclosure-patterns
CommunityBuild accessible disclosure widgets.
Authoralexejluft
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of creating accessible and interactive disclosure widgets like tabs, custom dropdowns, and expandable sections, ensuring they function correctly with ARIA standards and keyboard navigation.
Core Features & Use Cases
- ARIA Compliance: Implements correct ARIA roles and attributes for disclosure buttons, tabs, and dropdowns.
- Keyboard Navigation: Provides robust keyboard support for all interactive elements.
- Pattern Guidance: Differentiates between disclosure, accordion, and tab patterns for appropriate implementation.
- Use Case: When building a website's FAQ section with expandable answers or a settings panel with collapsible options, this skill provides the blueprint for accessible implementation.
Quick Start
Use the building-disclosure-patterns skill to implement a tabbed interface with ARIA compliance and keyboard navigation.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: building-disclosure-patterns Download link: https://github.com/alexejluft/brudi/archive/main.zip#building-disclosure-patterns 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.