accessibility

Audits digital products for WCAG 2.1 compliance and generates a prioritized fix list.

111|18|Updated Dec 17, 2025
One-click install
npx skills add https://github.com/dralgorhythm/claude-agentic-framework --skill accessibility
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/dralgorhythm/claude-agentic-framework/tree/main/.claude/skills/design/accessibility
Command: npx skills add https://github.com/dralgorhythm/claude-agentic-framework --skill accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures digital experiences are accessible to diverse users by applying WCAG guidelines, ARIA practices, and accessibility testing.

Core Features & Use Cases

  • WCAG 2.1 POUR: Perceivable, Operable, Understandable, Robust concepts.
  • ARIA Basics: Roles, states, and properties for accessible components.
  • Quick Start: Run a basic accessibility review and generate a bug-list of fixes.

Quick Start

Audit a page for accessibility issues and output a prioritized fixes list.

Frequently Asked Questions about accessibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check if my website meets WCAG 2.1 accessibility standards?

WCAG 2.1 conformance checks evaluate your site against four principles: Perceivable (content is visible), Operable (keyboard navigable), Understandable (clear language), and Robust (compatible with assistive tech). Run an accessibility audit to identify gaps and prioritize fixes across semantic HTML, ARIA labels, color contrast, and screen reader support.

What's the best way to implement ARIA labels and roles in my components?

ARIA roles, states, and properties make interactive components understandable to screen readers. Assign semantic roles (button, navigation, alert), describe dynamic state changes, and link form inputs to labels. Proper ARIA implementation ensures keyboard-accessible, screen-reader-compatible UI without replacing native HTML semantics.

How do I test keyboard accessibility and screen reader compatibility?

Keyboard accessibility means all interactive elements are reachable and operable via Tab, Enter, and arrow keys without a mouse. Screen reader testing verifies that assistive technology users receive equivalent information. Both are core to inclusive design audits and identify usability gaps in navigation and form interactions.

Can I use accessibility audits on mobile apps, or only web?

Accessibility principles apply across web and mobile platforms. WCAG 2.1 guidelines and ARIA practices translate to native and cross-platform apps through platform-specific APIs. Inclusive design audits assess semantic structure, keyboard navigability, color contrast, and assistive tech support on both environments.

What accessibility issues do color contrast and keyboard navigation address?

Color contrast ensures text is readable for users with low vision or color blindness. Keyboard navigation allows users unable to operate a mouse—including those using screen readers or switch controls—to reach and interact with all features. Both are perceivable and operable requirements in WCAG compliance.

When should I prioritize accessibility fixes in my product roadmap?

Accessibility gaps create barriers for diverse users and can expose your product to compliance risk. Prioritize fixes by severity: blocking keyboard access, missing ARIA labels, and failing color contrast affect the broadest user base. A quick accessibility review generates a prioritized bug list to guide phased implementation.