common-accessibility
OfficialPractical WCAG accessibility guidance.
Authorwildbitca
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Accessibility is often overlooked, leading to non-compliant web interfaces that exclude users. This Skill provides a concrete baseline of WCAG 2.2, ARIA, and semantic HTML practices to help teams build inclusive UIs and reduce accessibility risks.
Core Features & Use Cases
- Semantic HTML First: use native semantics to convey structure and role, minimizing reliance on non-semantic divs for interactive controls.
- ARIA Guidelines: when needed, apply ARIA roles and properties carefully to enhance accessibility without overriding native semantics.
- Keyboard Navigation: ensure all interactive elements are reachable and operable via keyboard with clear focus indicators.
- Color & Contrast: provide sufficient contrast ratios and avoid conveying information solely with color.
- Testing & Validation: references to automated and manual testing tools (axe-core, screen readers) to verify accessibility.
- Anti-Patterns: common pitfalls to avoid (divs masquerading as buttons, missing labels, focus traps).
Quick Start
Review your UI components and apply accessible patterns to meet WCAG 2.2 standards in the current project.
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: common-accessibility Download link: https://github.com/wildbitca/ai-resources/archive/main.zip#common-accessibility 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.