accessibility-fundamentals

Community

Make 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.