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

0•

디자인 도구

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

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.

주요 기능

01WCAG 2.1 Compliance Guidance (POUR principles)

02Keyboard navigation and focus management optimization

03Semantic HTML and ARIA pattern implementation

04Comprehensive accessibility testing and manual audit checklists

050 GitHub stars

06Color contrast auditing and visual accessibility standards

사용 사례

01Building complex UI components like accessible modals, tabs, and live alerts.

02Auditing existing frontend code to identify and remediate accessibility barriers.

03Refactoring legacy div-based layouts into semantic, accessible HTML5 structures.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add eyadsibai/ltk accessibility

For use in Claude.ai and ChatGPT

Download Skill