wcag-audit

Audit web interfaces for WCAG compliance and remediation requirements.

Updated Feb 7, 2026
One-click install
npx skills add https://github.com/nvimcraft/dotfiles-macos --skill wcag-audit-nvimcraft
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wcag-audit
Source: https://github.com/nvimcraft/dotfiles-macos/tree/main/.config/opencode/skills/wcag-audit
Command: npx skills add https://github.com/nvimcraft/dotfiles-macos --skill wcag-audit-nvimcraft

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams identify and remediate web accessibility barriers by providing structured WCAG compliance audits and inclusive design guidance.

Core Features & Use Cases

  • Accessibility Auditing: Reviews web interfaces for WCAG violations across images, headings, forms, keyboard interactions, ARIA usage, and focus management.
  • Remediation Guidance: Maps detected issues to WCAG criteria and provides implementation patterns for HTML, JavaScript, TypeScript, and React applications.
  • Use Case: A frontend team preparing a product release can use this Skill to audit key pages, prioritize accessibility defects, and verify fixes with automated and manual checks.

Quick Start

Use the wcag-audit skill to review this web page for WCAG compliance issues and provide remediation steps.

Frequently Asked Questions about wcag-audit

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

FAQPage Schema
How do I audit a web page for WCAG compliance issues?

To audit a web page for WCAG compliance, review HTML, JavaScript, and React interfaces for keyboard, ARIA, and focus management barriers, mapping detected defects to specific WCAG criteria for structured remediation guidance.

What WCAG accessibility issues should I check before a frontend release?

Before a frontend release, check WCAG accessibility issues across images, headings, forms, keyboard interactions, ARIA usage, and focus management to identify barriers and verify fixes with automated and manual validation checks.

Can I use this WCAG audit workflow with React and TypeScript applications?

Yes, this WCAG audit workflow applies directly to React and TypeScript applications, providing implementation patterns and assistive technology compatibility testing for inclusive design remediation across frontend development scenarios.

How do I map detected accessibility defects to specific WCAG criteria?

Map detected accessibility defects to WCAG criteria by validating automated audit results against manual verification checks, generating structured compliance reports that prioritize inclusive design remediation requirements for frontend teams.

What is the best way to fix ARIA and keyboard interaction barriers in HTML?

The best way to fix ARIA and keyboard interaction barriers in HTML is to apply structured inclusive design remediation patterns that map directly to WCAG criteria, ensuring full assistive technology compatibility and focus management compliance.

Why does automated accessibility testing miss keyboard navigation issues?

Automated accessibility testing misses keyboard navigation issues because manual verification is required to validate complex focus management and ARIA dynamic interactions, ensuring true WCAG compliance beyond initial automated audit validation.