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

0•

デザインツール

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.

主な機能

01Motion accessibility and prefers-reduced-motion support

02Color contrast ratio analysis for text and UI elements

03ARIA attribute and semantic HTML structure checks

04WCAG 2.2 Level AA compliance auditing

05Keyboard navigation and focus-visible state validation

060 GitHub stars

ユースケース

01Auditing a React component library for accessibility gaps before a major release.

02Fixing color contrast issues in CSS themes to meet legal compliance standards.

03Ensuring complex interactive elements like modals and dropdowns are screen-reader accessible.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add fusengine/agents validating-accessibility

For use in Claude.ai and ChatGPT

Download Skill