Does this skill support the latest WCAG standards?

Yes, the Accessibility Remediation skill is built to support WCAG 2.2 standards, including Level A, AA, and AAA compliance guidelines.

Can it handle complex components like modals or dropdowns?

Yes, it specifically handles complex patterns like focus trapping, Escape key handlers, and ARIA live regions to ensure complex interactive elements are fully accessible.

Can it fix accessibility issues automatically?

The skill provides ranked fix suggestions based on the context of your code. You can review the suggestions and apply the best fix with a single click, which automatically updates your component code.

Which file formats and frameworks are supported?

The skill is designed to analyze and remediate accessibility issues in common web formats including JSX, TSX, Vue, and Svelte.

How do I trigger an accessibility audit?

The skill triggers automatically whenever you create or edit a component. You can also manually invoke it by asking Claude to 'Check this component for accessibility issues'.

Accessibility Remediation

Name: Accessibility Remediation
Author: flight505

byflight505

0•

Security & Testing

Automatically detects and resolves WCAG 2.2 accessibility violations in web components with AI-powered code suggestions and one-click application.

This skill transforms accessibility from a manual checklist into an automated intelligent workflow for developers. By analyzing component code in real-time, it identifies WCAG 2.2 violations such as missing ARIA labels, poor color contrast, and improper keyboard navigation. Beyond simple detection, it provides ranked remediation options based on best practices, allowing developers to apply context-aware fixes instantly. Whether you are building complex modals or simple buttons, this skill ensures your UI remains compliant, inclusive, and accessible to all users.

Key Features

01AI-powered ranked remediation suggestions with pros and cons for each approach.

020 GitHub stars

03Intelligent fix application for ARIA usage, semantic HTML, and keyboard focus management.

04Automated detection triggered during component creation or editing via PostToolUse hooks.

05Real-time WCAG 2.2 compliance auditing for Levels A, AA, and AAA.

06Context-aware analysis of component purpose to suggest the most robust accessible names.

Use Cases

01Adjusting component color schemes to automatically meet WCAG contrast requirements.

02Fixing missing accessible names and ARIA labels in icon-only buttons or interactive UI elements.

03Implementing accessible keyboard patterns such as focus traps for modals and tab-order management.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add flight505/storybook-assistant accessibility-remediation

For use in Claude.ai and ChatGPT

Download Skill