Can it suggest actual code fixes for inaccessible components?

Yes, it provides minimal change suggestions for common issues, such as converting clickable divs to buttons or adding the necessary ARIA attributes for disclosures.

How does this skill improve UI test reliability?

It recommends replacing fragile CSS or data-attribute selectors with role-based and accessible-name queries, which are more resilient to UI changes and better reflect user experience.

Does this audit the entire codebase at once?

No, the skill is optimized to be 'diff-first,' focusing specifically on changed lines and their immediate context to provide fast, relevant, and actionable feedback during development.

What specific accessibility standards does it check?

It checks for WCAG-aligned patterns including semantic structure, keyboard reachability, focus order, ARIA correctness, and visual contrast affordances.

Accessibility Audit & Fixer

Name: Accessibility Audit & Fixer
Author: SwitchbackTech

bySwitchbackTech

•

206

•

安全与测试

Audits UI diffs for accessibility regressions and provides minimal code fixes with semantic testing recommendations.

The Accessibility Audit skill streamlines the process of creating inclusive web interfaces by analyzing code changes for accessibility pitfalls. By focusing specifically on UI diffs, it identifies semantic errors, keyboard navigation gaps, and improper ARIA usage before they reach production. It not only flags issues like missing labels or broken focus traps but also provides minimal, production-ready code fixes and suggests role-based test selectors to improve the long-term maintainability and reliability of your automated testing suite.

主要功能

01Keyboard operability and focus management auditing for complex components

02Semantic HTML validation for proper headings, landmarks, and interactive elements

03Automated recommendations for role-based and accessible name test queries

04ARIA attribute correctness and state reflection checks

05206 GitHub stars

06Diff-focused accessibility scanning to catch regressions in new UI code

使用场景

01Fixing flaky UI tests by migrating from CSS selectors to semantic, role-based queries

02Reviewing Pull Request diffs to prevent accessibility regressions before merging

03Auditing complex interactive components like modals and disclosures for focus trapping

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add switchbacktech/compass a11y-audit

For use in Claude.ai and ChatGPT

Download Skill