Skills
.Work. You
Rest

code-check-accessibility-regression

Community

Catch a11y regressions in changed UI.

Software Engineering#accessibility#screen reader#keyboard navigation#react#ui audit#form labeling#a11y regression
Authorwebdevcody
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It reduces the risk of shipping accessibility regressions by quickly scanning only the files changed in a PR for common, high-impact UI issues.

Core Features & Use Cases

  • Changed-files-only audit focused on the JSX/TSX diff to avoid whole-app noise, prioritizing findings by severity.
  • Targeted detectors with safe mechanics for frequent problems like missing accessible names, mis-associated labels/errors, clickable non-interactive elements, and missing decorative image alt handling.
  • Dialog focus-trap verification to flag custom dialogs that may trap focus incorrectly, while skipping Radix/shadcn-style primitives to avoid false positives.
  • Use case: After adding a new settings page or modifying a form/route, run this post-step to ensure keyboard navigation and screen reader semantics still work.

Quick Start

Run the code-check-accessibility-regression skill after your UI change to automatically audit the changed TSX/JSX files and report prioritized accessibility issues.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: code-check-accessibility-regression
Download link: https://github.com/webdevcody/go-mailing-list/archive/main.zip#code-check-accessibility-regression

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.