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

セキュリティとテスト

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.

主な機能

AI-powered ranked remediation suggestions with pros and cons for each approach.
0 GitHub stars
Intelligent fix application for ARIA usage, semantic HTML, and keyboard focus management.
Automated detection triggered during component creation or editing via PostToolUse hooks.
Real-time WCAG 2.2 compliance auditing for Levels A, AA, and AAA.
Context-aware analysis of component purpose to suggest the most robust accessible names.

ユースケース

Adjusting component color schemes to automatically meet WCAG contrast requirements.
Fixing missing accessible names and ARIA labels in icon-only buttons or interactive UI elements.
Implementing accessible keyboard patterns such as focus traps for modals and tab-order management.

概要

主な機能

AI-powered ranked remediation suggestions with pros and cons for each approach.
0 GitHub stars
Intelligent fix application for ARIA usage, semantic HTML, and keyboard focus management.
Automated detection triggered during component creation or editing via PostToolUse hooks.
Real-time WCAG 2.2 compliance auditing for Levels A, AA, and AAA.
Context-aware analysis of component purpose to suggest the most robust accessible names.

ユースケース

Adjusting component color schemes to automatically meet WCAG contrast requirements.
Fixing missing accessible names and ARIA labels in icon-only buttons or interactive UI elements.
Implementing accessible keyboard patterns such as focus traps for modals and tab-order management.