
Accessibility
If you're building interfaces that need to meet WCAG 2.2 Level AA, this gives you the technical implementation details across web, iOS, and Android. It maps semantic HTML and ARIA to SwiftUI accessibility traits and Compose semantics, so you're not constantly context-switching between platform docs. The cross-platform table alone is worth having on hand. It covers the newer 2.2 criteria like 24px minimum target sizes and focus appearance, plus practical stuff like focus trapping in modals and when to use aria-live versus accessibilityLiveRegion. Best for auditing existing code or spec'ing out components when you need to be confident about what actually ships to assistive tech.
- skills.sh installs
- 3.6K
- GitHub stars
- 229.1K
- last updated
- Jul 14, 2026
Install
$ npx -y skills add affaan-m/everything-claude-code --skill accessibility --agent claude-codeInstalls into .claude/skills of the current project.
Files
Accessibility (WCAG 2.2)
This skill ensures that digital interfaces are Perceivable, Operable, Understandable, and Robust (POUR) for all users, including those using screen readers, switch controls, or keyboard navigation. It focuses on the technical implementation of WCAG 2.2 success criteria.
When to Use
- Defining UI component specifications for Web, iOS, or Android.
- Auditing existing code for accessibility barriers or compliance gaps.
- Implementing new WCAG 2.2 standards like Target Size (Minimum) and Focus Appearance.
- Mapping high-level design requirements to technical attributes (ARIA roles, traits, hints).
Core Concepts
- POUR Principles: The foundation of WCAG (Perceivable, Operable, Understandable, Robust).
- Semantic Mapping: Using native elements over generic containers to provide built-in accessibility.
- Accessibility Tree: The representation of the UI that assistive technologies actually "read."
- Focus Management: Controlling the order and visibility of the keyboard/screen reader cursor.
- Labeling & Hints: Providing context through
aria-label,accessibilityLabel, andcontentDescription.
How It Works
Sponsors
Details
- Repository
- github.com/affaan-m/everything-claude-code
- Category
- Design & UI/UX
- First seen
- May 16, 2026
More from affaan-m/everything-claude-code
All 256- Agent Sort3.6K
- Api Connector Builder3.6K
- Automation Audit Ops3.6K
- Code Tour3.6K
- Csharp Testing3.6K
- Github Ops3.6K
- Hipaa Compliance3.6K
- Llm Trading Agent Security3.6K
- Project Flow Ops3.6K
- Social Graph Ranker3.6K
- Terminal Ops3.6K
- Defi Amm Security3.5K
- Ecc Tools Cost Audit3.5K
- Email Ops3.5K
- Hookify Rules3.5K
- Messages Ops3.5K
- Nodejs Keccak2563.5K
- Product Capability3.5K
- Research Ops3.5K
- Unified Notifications Ops3.5K
- Evm Token Decimals3.4K
- Gateguard3.1K
- Everything Claude Code2.7K
- Claude Api2.4K