client-a11y
CommunityWeb accessibility guidelines for inclusive UI.
Software Engineering#accessibility#a11y#semantics#screen-reader#aria#keyboard-accessibility#ui-guidelines
Authorjuchanhwang
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides guidelines for web accessibility coding, covering the three-screen-reader elements (roles, labels, states) and four principles (structure, meaning, predictability, and visual information augmentation) to help build accessible UI. It includes practices for UI component creation and review, ARIA attributes, keyboard accessibility, and semantic HTML usage.
Core Features & Use Cases
- Defines the mental model for accessible UI: roles, labels, and states, and how to apply ARIA when needed.
- Offers concrete rules for structuring components, semantic HTML, and keyboard navigation to improve accessibility in real-world apps.
- Use Case: Auditing a React or Next.js app to ensure all interactive controls have proper roles, labels, states, and ARIA attributes.
Quick Start
Audit a sample UI to identify interactive elements and apply the accessibility guidelines immediately.
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: client-a11y Download link: https://github.com/juchanhwang/missionary/archive/main.zip#client-a11y 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.