a11y-specialist-skills

🥈Silver

Accessibility specialist skills plugin for Claude Code. Provides accessibility review skills based on WCAG 2.2 & WAI-ARIA APG. Benefits developers and QA teams by automating accessibility checks in web applications.

3400Updated Today

Intermediate30min to implementautomation

Saves ~30 min per use

Quick InstallView Source

git clone https://github.com/masuP9/a11y-specialist-skills.git

Works with:

Claude

Overview

About This Skill

Setup & Installation

Quick Install

No install command available. Check the GitHub repository for manual installation instructions.

Alternative Install (Git Clone)

git clone https://github.com/masuP9/a11y-specialist-skills

Requirements

Claude Code or compatible AI agent
Works with: Claude

Quick Start Guide

Install the Skill

Copy the install command above and run it in your terminal.

Open Your AI Agent

Launch Claude Code, Cursor, or your preferred AI coding agent.

Try It Out

Use the prompt template or examples below to test the skill.

Customize

Adapt the skill to your specific use case and workflow.

Usage Examples

Prompt Template

Review this [WEBSITE_URL] for accessibility compliance. Check for WCAG 2.2 and WAI-ARIA APG issues. Provide a detailed report with actionable recommendations for [COMPANY_NAME], a [INDUSTRY] company.

Example Output

# Accessibility Review Report

## Summary
The website has several accessibility issues that need to be addressed to comply with WCAG 2.2 and WAI-ARIA APG standards.

## Issues Found
- **Color Contrast**: Several text elements do not meet the minimum contrast ratio of 4.5:1.
- **Keyboard Navigation**: Some interactive elements are not keyboard accessible.
- **ARIA Attributes**: Missing or incorrect ARIA attributes on several form elements.
- **Alt Text**: Images are missing descriptive alt text.

## Recommendations
1. **Color Contrast**: Adjust the color palette to ensure all text meets the minimum contrast ratio.
2. **Keyboard Navigation**: Ensure all interactive elements are keyboard accessible and have visible focus indicators.
3. **ARIA Attributes**: Add or correct ARIA attributes on form elements to ensure proper screen reader support.
4. **Alt Text**: Add descriptive alt text to all images to ensure they are accessible to screen reader users.