accessibility-compliance-accessibility-audit

Audit web and mobile interfaces for WCAG compliance and generate remediation guidance.

1|Updated Aug 17, 2025
One-click install
npx skills add https://github.com/ratnesh-maurya/mdconverter --skill accessibility-compliance-accessibility-audit-ratnesh-maurya
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-compliance-accessibility-audit
Source: https://github.com/ratnesh-maurya/mdconverter/tree/main/.claude/skills/accessibility-compliance-accessibility-audit
Command: npx skills add https://github.com/ratnesh-maurya/mdconverter --skill accessibility-compliance-accessibility-audit-ratnesh-maurya

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @axe-core/puppeteer, puppeteer, jest-axe, pa11y, and includes references (resource) components.

What problem does it solve? Digital products often contain accessibility barriers that exclude users with disabilities and create legal compliance risk. This Skill conducts structured WCAG audits combining automated scans and manual checks, then maps findings to severity and provides concrete remediation steps. ## Core Features & Use Cases - Automated WCAG Scanning: Run axe-core audits via Puppeteer against WCAG 2.0/2.1 A and AA criteria with weighted scoring. - Manual Testing Coverage: Verify keyboard navigation, focus indicators, screen reader compatibility, heading structure, and form labeling. - Remediation & CI Integration: Get code-level fixes for contrast, ARIA, and labeling issues, plus GitHub Actions workflows for continuous accessibility testing. - Use Case: Before launching a new checkout flow, run a full audit to detect missing form labels, low-contrast text, and keyboard traps, then generate an HTML compliance report for stakeholders. ## Quick Start Audit my web application for WCAG 2.1 AA compliance and produce a prioritized remediation report.

Frequently Asked Questions about accessibility-compliance-accessibility-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run an automated WCAG accessibility audit on my website?

Use axe-core with Puppeteer to load a page, run rules tagged wcag2a, wcag2aa, wcag21a, and wcag21aa, and collect violations with impact levels. The audit returns a weighted score and a list of violations with affected DOM nodes.

What tools test web accessibility in CI/CD pipelines?

axe-core handles in-browser rule scanning, jest-axe validates React components in unit tests, and pa11y checks deployed pages against WCAG2AA. A GitHub Actions workflow can run these on every push and upload an HTML report artifact.

How do I test keyboard navigation accessibility?

Tab through all interactive elements and verify each receives visible focus, activates with Enter or Space, and never traps focus. Automated scripts can enumerate focusable elements and detect missing focus indicators via computed outline styles.

Does automated accessibility testing catch all WCAG violations?

No. Automated tools like axe-core typically catch only a portion of issues, such as missing alt text or contrast failures. Manual checks for focus order, screen reader announcements, and cognitive usability remain necessary for full compliance.

How do I fix color contrast failures for WCAG AA?

WCAG AA requires a 4.5:1 contrast ratio for normal text and 3:1 for large text. Compute relative luminance of foreground and background colors, then adjust the palette or support high-contrast mode via the prefers-contrast media query.