a11y-self-check

Accessibility validation checks HTML/JSX/TSX output against WCAG 2.1 AA standards to identify issues like missing labels, poor color contrast, and improper ARIA attributes. This Skill automatically validates Claude Code's generated UI components and returns a structured report with violations and remediation guidance.

Yes. The self-check runs automatically when generating new HTML, JSX, or TSX, catching accessibility regressions before code is presented. It integrates with a11y lint tooling to validate forms, modals, navigation, and other components.

The validation detects WCAG 2.1 AA violations including missing semantic elements, insufficient ARIA labels, keyboard navigation gaps, color contrast failures, and form accessibility problems. Results include references to WCAG and ARIA standards for remediation.

No. Checks trigger automatically on HTML/JSX/TSX generation. If violations are found, the report guides you to WCAG/ARIA references; you can then re-run the self-check after fixes to validate compliance.

The Skill validates JSX, TSX, and plain HTML output. It works with any framework or library that generates these formats, focusing on WCAG 2.1 AA compliance across all component types.