Does it check for color contrast issues?

Yes, it includes a contrast checker that validates color pairs against AA and AAA ratios and suggests accessible alternatives if the current colors fail.

Which frameworks does the a11y-audit skill support?

The skill provides specialized support and fix patterns for React, Next.js, Vue, Angular, Svelte, and standard HTML codebases.

Does this skill cover the latest WCAG 2.2 standards?

Yes, it covers all Level A and AA success criteria, including the newest 2.2 requirements such as Focus Appearance, Dragging Movements, and Target Size.

How does the remediation process work?

The skill identifies a violation and generates a 'before/after' code snippet tailored to your specific framework syntax, making it easy to apply fixes immediately.

Can I integrate this skill into my CI/CD pipeline?

Yes, the skill includes built-in support and configurations for GitHub Actions, GitLab CI, and Azure DevOps to prevent accessibility regressions.

Accessibility Audit & Remediation

Name: Accessibility Audit & Remediation
Author: micsapp

bymicsapp

0•

设计工具

Performs comprehensive WCAG 2.2 accessibility audits and generates framework-specific code fixes for modern web applications.

The a11y-audit skill is a specialized engineering tool designed to automate the process of identifying and fixing accessibility barriers in web projects. It implements a robust three-phase workflow—Scan, Fix, and Verify—ensuring that applications meet WCAG 2.2 Level A and AA standards. Unlike generic linters, this skill provides framework-aware remediation for React, Vue, Angular, and Svelte, offering precise 'before and after' code diffs. It is an essential utility for frontend teams looking to integrate inclusive design directly into their development cycle and CI/CD pipelines.

主要功能

01Stakeholder-ready compliance reporting with severity-based issue classification

02Full WCAG 2.2 Level A and AA scanning for all major frontend frameworks

03Automated color contrast analysis with accessible alternative suggestions

04Framework-aware code remediation providing precise JSX, Vue, or Angular fixes

05Native CI/CD integration support for GitHub Actions, GitLab, and Azure DevOps

060 GitHub stars

使用场景

01Modernizing legacy codebases to meet updated WCAG 2.2 legal compliance standards

02Debugging complex focus management and keyboard navigation in custom UI components

03Automating accessibility regression testing within a continuous integration pipeline

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add micsapp/micstec-skills a11y-audit

For use in Claude.ai and ChatGPT