Does this skill work with single-page application (SPA) frameworks?

Yes, it is framework-aware and provides specific remediation patterns for React, Next.js, Vue, Angular, and Svelte.

Does it support the latest WCAG 2.2 standards?

Yes, it covers the newest criteria including Focus Appearance, Dragging Movements, Target Size, and Accessible Authentication.

Can this be integrated into my build process?

Yes, it provides configurations for GitHub Actions, GitLab CI, and Azure DevOps to automate accessibility checks during the development lifecycle.

Can I use this for color contrast validation?

Absolutely. It includes a contrast checker that validates foreground/background pairs and suggests accessible alternatives that meet AA or AAA standards.

Accessibility Audit & Remediation

Name: Accessibility Audit & Remediation
Author: micsapp

bymicsapp

0•

安全与测试

Audits, fixes, and verifies WCAG 2.2 Level A and AA compliance across modern web frameworks like React, Vue, and Angular.

The a11y-audit skill provides a comprehensive accessibility pipeline for web applications, implementing a specialized Scan-Fix-Verify workflow. It identifies WCAG 2.2 violations, generates precise, framework-specific code remediation patterns for popular libraries like React and Vue, and performs color contrast analysis with suggested accessible alternatives. This skill is ideal for frontend developers and QA teams who need to ensure inclusive user experiences, generate compliance reports for stakeholders, or automate accessibility checks within CI/CD pipelines to prevent future regressions.

主要功能

01Built-in color contrast checker with accessible color alternative suggestions

02Framework-aware code remediation with before/after diffs for precise fixes

03Seamless CI/CD integration for GitHub Actions, GitLab, and Azure DevOps

04Full WCAG 2.2 Level A/AA scanning for React, Next.js, Vue, Angular, and Svelte

050 GitHub stars

06Automated stakeholder report generation with severity classification

使用场景

01Automating WCAG 2.2 compliance checks within a CI/CD pipeline to prevent regressions

02Performing a comprehensive accessibility audit on an existing enterprise web application

03Rapidly fixing complex accessibility issues like keyboard traps or ARIA label mismatches

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