wcag-compliance

Map accessibility findings to WCAG 2.1/3.0 criteria with remediation code examples.

72|15|Updated Oct 5, 2025
One-click install
npx skills add https://github.com/tan-yong-sheng/ai-vision-mcp --skill wcag-compliance-tan-yong-sheng
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wcag-compliance
Source: https://github.com/tan-yong-sheng/ai-vision-mcp/tree/main/plugins/design-eval/skills/wcag-compliance
Command: npx skills add https://github.com/tan-yong-sheng/ai-vision-mcp --skill wcag-compliance-tan-yong-sheng

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides structured WCAG 2.1/3.0 compliance guidance, mapping accessibility findings to specific criteria and offering remediation strategies with code examples.

Core Features & Use Cases

  • Criteria mapping: Align findings to WCAG criteria (1.1.1, 1.2.1, 3.1.1, etc.) and produce remediation steps.
  • Reference materials: Access comprehensive guides and ARIA patterns for practical implementation.
  • Remediation patterns: Provide code patterns and checks to improve perceptibility, operability, understandability, and robustness.
  • Use Case: Run an audit on a web page, map issues to WCAG criteria, and generate actionable fixes with validation notes.

Quick Start

Analyze a site for WCAG 2.1/3.0 gaps and generate a remediation plan with concrete code examples in HTML/ARIA.

Frequently Asked Questions about wcag-compliance

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

FAQPage Schema
How do I map accessibility audit findings to specific WCAG 2.1 criteria?

Map accessibility audit findings to WCAG criteria by aligning detected issues with specific guidelines like 1.1.1 or 3.1.1, then generating structured remediation steps with validation notes and code examples.

What is the best way to generate HTML and ARIA remediation patterns for operability gaps?

Generate HTML and ARIA remediation patterns by identifying operability gaps, mapping them to WCAG criteria, and producing reusable code patterns that improve perceptibility, operability, understandability, and robustness.

When do I need WCAG 2.1 versus 3.0 compliance mapping for digital content?

WCAG 2.1 versus 3.0 compliance mapping is needed when auditing websites or applications, requiring structured criteria alignment and developer guidance to address specific accessibility gaps across digital content.

Does this WCAG compliance guidance provide ARIA reference materials for web applications?

WCAG compliance guidance provides comprehensive ARIA reference materials and practical implementation guides to support accessibility audits, remediation planning, and developer guidance across web applications.

Can I use this to fix understandability issues with reusable code examples?

Fix understandability issues by mapping findings to WCAG criteria and applying reusable remediation patterns with concrete code examples, delivering actionable validation notes for developers.

What are the limitations of using automated criteria mapping for accessibility remediation?

Automated criteria mapping limitations involve relying on structured guidelines for perceptible, operable, understandable, and robust accessibility, requiring manual validation to ensure complete WCAG compliance across complex digital content.