Does it detect keyboard navigation issues?

Yes, it audits your code to ensure all interactive elements are focusable and have visible focus indicators for keyboard-only users.

Does this skill support the latest WCAG standards?

Yes, it specifically targets WCAG 2.2 Level AA compliance, covering modern accessibility requirements for web components.

Can it help with screen reader optimization?

Absolutely. It validates semantic HTML landmarks and ensures ARIA attributes like aria-expanded and aria-label are correctly implemented.

How does it handle color contrast ratios?

The skill checks for a 4.5:1 ratio for normal text and 3:1 for large text and UI components, suggesting safe high-contrast color pairs when issues are found.

Can I use this for motion-sensitive users?

Yes, it includes patterns for implementing prefers-reduced-motion in CSS and motion libraries like Framer Motion.

Accessibility Validator

Name: Accessibility Validator
Author: fusengine

byfusengine

デザインツール

Validates UI components and frontend code for WCAG 2.2 Level AA accessibility compliance.

概要

The Validating Accessibility skill empowers Claude to perform comprehensive audits of your web components, ensuring they meet modern inclusive design standards. It evaluates critical factors such as color contrast ratios, keyboard navigation paths, ARIA attribute implementation, and semantic HTML structure. Whether you are building a custom design system from scratch or auditing an existing production interface, this skill provides actionable guidance and code corrections to make your applications fully compliant with WCAG 2.2 Level AA requirements.

主な機能

Motion accessibility and prefers-reduced-motion support
Color contrast ratio analysis for text and UI elements
ARIA attribute and semantic HTML structure checks
WCAG 2.2 Level AA compliance auditing
Keyboard navigation and focus-visible state validation
0 GitHub stars

ユースケース

Auditing a React component library for accessibility gaps before a major release.
Fixing color contrast issues in CSS themes to meet legal compliance standards.
Ensuring complex interactive elements like modals and dropdowns are screen-reader accessible.

概要

主な機能

Motion accessibility and prefers-reduced-motion support
Color contrast ratio analysis for text and UI elements
ARIA attribute and semantic HTML structure checks
WCAG 2.2 Level AA compliance auditing
Keyboard navigation and focus-visible state validation
0 GitHub stars

ユースケース

Auditing a React component library for accessibility gaps before a major release.
Fixing color contrast issues in CSS themes to meet legal compliance standards.
Ensuring complex interactive elements like modals and dropdowns are screen-reader accessible.