cabinet-accessibility

To audit tsx components for WCAG compliance, this skill evaluates UI elements against accessibility guidelines to surface keyboard navigation, focus management, contrast, and semantic structure gaps. It generates prioritized findings to guide remediation across your codebase.

Yes, you can check ARIA attributes and heading hierarchy during a code review. The skill assesses ARIA labeling, landmark usage, and heading order across src/**/*.tsx files to identify semantic structure problems and inaccessible interactive elements.

The best way to find keyboard navigation and focus trap issues is to apply this skill during component reviews. It identifies focus management gaps and inaccessible interactive elements, providing guidance to align your application with WCAG standards.

Detected accessibility issues in tsx files include missing ARIA labeling, improper heading order, insufficient color contrast, keyboard navigation gaps, and focus management deficiencies. The skill evaluates these against WCAG guidelines to support inclusive design.

This accessibility audit works on React codebases containing tsx components. It scans src/**/*.tsx files to evaluate UI components against WCAG guidelines, requiring no external dependencies to identify issues and guide remediation.