a11y-checker

Audit CSS stylesheets for WCAG 2.2 conformance issues.

1|Updated Oct 24, 2025
One-click install
npx skills add https://github.com/andronics/claude-plugin-css-pro --skill a11y-checker
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: a11y-checker
Source: https://github.com/andronics/claude-plugin-css-pro/tree/main/skills/a11y-checker
Command: npx skills add https://github.com/andronics/claude-plugin-css-pro --skill a11y-checker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill performs comprehensive accessibility audits based on WCAG guidelines, identifying issues in color contrast, focus indicators, keyboard navigation, and screen-reader friendliness, and providing fixes.

Core Features & Use Cases

  • Color contrast & focus indicators: ensure readable UI with proper focus states.
  • Keyboard & screen reader checks: verify logical focus order and hidden content accessibility.
  • Actionable fixes: provide concrete CSS changes to meet WCAG requirements.

Quick Start

Audit your stylesheet for focus indicators and color contrast.

Frequently Asked Questions about a11y-checker

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit my CSS for WCAG accessibility compliance?

WCAG accessibility audits identify conformance issues in your stylesheets by checking color contrast, focus indicators, keyboard navigation, and screen-reader support. This Skill scans CSS to detect violations against WCAG 2.2 standards and provides actionable fixes to meet accessibility requirements.

What accessibility issues can I find in my stylesheets?

CSS accessibility checks cover color contrast ratios, focus indicator visibility, keyboard navigation flow, reduced motion preferences, text sizing, semantic order, and screen-reader compatibility. The audit identifies which elements fail WCAG 2.2 thresholds and explains how to remediate them.

Can I fix accessibility issues automatically during code review?

Yes. The Skill performs accessibility audits and produces concrete CSS changes to satisfy WCAG requirements. During code reviews, it identifies violations and delivers specific fixes for contrast, focus states, keyboard operability, and semantic structure.

Does this cover keyboard navigation and focus state testing?

Keyboard navigation and focus indicator checks are core features. The audit verifies logical focus order, focus visibility, keyboard operability, and skip navigation patterns to ensure your CSS meets WCAG 2.2 standards for keyboard-only users.

What's the difference between color contrast and focus indicator requirements?

Color contrast ensures text and UI elements are readable by meeting WCAG luminosity thresholds. Focus indicators make keyboard navigation visible by highlighting which element receives keyboard input. Both are audited separately to identify distinct CSS remediation needs.

Can I use this for motion and text-sizing accessibility?

Yes. The audit checks for reduced-motion CSS handling, responsive typography rules, and text-scaling support to ensure your stylesheets respect user preferences and meet WCAG 2.2 standards for motion sensitivity and readability.