accessibility-fundamentals
CommunityMake every UI accessible by default.
AuthorDanielPodolsky
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps developers identify and fix accessibility issues in UI components by applying WCAG, ARIA, and keyboard navigation best practices. It guides teams to ensure interactive elements, forms, and dialogs are usable by all users, including those relying on assistive technologies.
Core Features & Use Cases
- Accessibility auditing and guidance for WCAG, ARIA, and keyboard navigation across common UI elements (forms, buttons, modals, and interactive components).
- Practical examples, checklists, and best-practice patterns that teams can apply during development and code reviews.
- Use Case: When junior developers implement a login form, the skill helps ensure proper labels, focus management, and screen reader compatibility to deliver an inclusive experience.
Quick Start
Review a sample JSX form or modal to verify keyboard focus, proper labeling, and aria attributes; apply the provided checklists to fix issues and improve the component's accessibility.
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: accessibility-fundamentals Download link: https://github.com/DanielPodolsky/ownyourcode/archive/main.zip#accessibility-fundamentals 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.