aria

Solid

WAI-ARIA implementation, roles, states, and properties.

AI & Automation 814 stars 53 forks Updated today MIT

Install

View on GitHub

Quality Score: 93/100

Stars 20%
97
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
42
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# ARIA Skill Expert assistance for WAI-ARIA implementation. ## Capabilities - Implement ARIA roles - Manage states and properties - Create accessible widgets - Handle live regions - Test with screen readers ## Common Patterns ```tsx // Modal dialog <div role="dialog" aria-modal="true" aria-labelledby="dialog-title" aria-describedby="dialog-desc" > <h2 id="dialog-title">Title</h2> <p id="dialog-desc">Description</p> </div> // Live region <div aria-live="polite" aria-atomic="true"> {statusMessage} </div> // Tab panel <div role="tablist"> <button role="tab" aria-selected={selected} aria-controls="panel-1"> Tab 1 </button> </div> <div role="tabpanel" id="panel-1" aria-labelledby="tab-1"> Content </div> ``` ## Target Processes - aria-implementation - accessibility-improvement - screen-reader-support

Details

Author
a5c-ai
Repository
a5c-ai/babysitter
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

Related Skills