Does the skill include accessibility testing procedures?

Yes, it includes a comprehensive checklist for both automated testing (using tools like Axe or Lighthouse) and manual testing (keyboard navigation and screen reader audits).

Does this skill help with screen reader compatibility?

Yes, it provides specific patterns for ARIA labels, live regions, and semantic HTML to ensure compatibility with assistive technologies like VoiceOver, NVDA, and JAWS.

What is the Accessibility Claude Code skill?

It is a specialized capability for the Claude Code CLI that provides real-time guidance, best practices, and code snippets for building web applications that meet WCAG accessibility standards.

Can it help fix color contrast issues?

It provides the minimum contrast ratios required for WCAG AA and AAA compliance and offers implementation patterns to ensure information is not conveyed through color alone.

Accessibility & Inclusive Design

Name: Accessibility & Inclusive Design
Author: eyadsibai

byeyadsibai

Design Tools

Implements WCAG-compliant web accessibility standards to ensure applications are perceivable, operable, and usable for all users.

About

The Accessibility skill empowers Claude to build and audit web applications according to international accessibility standards (WCAG). It provides expert guidance on semantic HTML, ARIA implementation, keyboard navigation, and color contrast ratios. By integrating this skill, developers can automate the creation of inclusive user interfaces that work seamlessly with assistive technologies like screen readers, ensuring a robust and compliant user experience for everyone regardless of ability.

Key Features

WCAG 2.1 Compliance Guidance (POUR principles)
Keyboard navigation and focus management optimization
Semantic HTML and ARIA pattern implementation
Comprehensive accessibility testing and manual audit checklists
0 GitHub stars
Color contrast auditing and visual accessibility standards

Use Cases

Building complex UI components like accessible modals, tabs, and live alerts.
Auditing existing frontend code to identify and remediate accessibility barriers.
Refactoring legacy div-based layouts into semantic, accessible HTML5 structures.

About

Key Features

WCAG 2.1 Compliance Guidance (POUR principles)
Keyboard navigation and focus management optimization
Semantic HTML and ARIA pattern implementation
Comprehensive accessibility testing and manual audit checklists
0 GitHub stars
Color contrast auditing and visual accessibility standards

Use Cases

Building complex UI components like accessible modals, tabs, and live alerts.
Auditing existing frontend code to identify and remediate accessibility barriers.
Refactoring legacy div-based layouts into semantic, accessible HTML5 structures.