accessibility

Identify and remediate web accessibility issues to meet WCAG 2.2 guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Audit and improve web accessibility to WCAG 2.2 standards across sites and apps, ensuring content is usable by people with disabilities.

Core Features & Use Cases

  • WCAG 2.2 conformance guidance for web content, forms, navigation, and UI controls.
  • Practical patterns and examples from A11Y-PATTERNS and WCAG references to inform fixes and audits.
  • Use cases include quick audits of product pages, dashboards, and forms, followed by actionable remediation steps.

Quick Start

Provide a concise accessibility assessment and concrete recommendations for a given web page.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I audit my web app for WCAG 2.2 conformance?

To audit web app accessibility for WCAG 2.2 conformance, provide a web page to receive an assessment of forms, navigation, and UI controls. The audit identifies issues with keyboard navigation, screen reader compatibility, and color contrast, followed by actionable remediation steps.

What is the best way to fix keyboard navigation and focus management issues?

Fixing keyboard navigation and focus management issues requires applying ARIA usage and focus-management checks to dynamic content. You receive concrete remediation steps and practical patterns from the A11Y-PATTERNS reference to ensure users relying on keyboard navigation can interact properly.

How do I resolve screen reader accessibility problems for dynamic content?

Resolving screen reader accessibility problems for dynamic content involves applying clear labeling and correct ARIA usage. The process checks your web content against WCAG 2.2 guidelines and provides specific patterns from the WCAG reference to ensure dynamic updates are properly announced.

Can I use this to check color contrast and form accessibility on a dashboard?

Yes, you can check color contrast and form accessibility on a dashboard. The process evaluates dashboards and forms against WCAG 2.2 guidelines, identifying specific color-contrast context issues and providing actionable recommendations to ensure content is usable by people with disabilities.

Does this accessibility audit work with standard HTML or do I need specific ARIA attributes?

The accessibility audit works with standard HTML but specifically checks for correct ARIA attributes where needed. It evaluates web content using clear labeling, ARIA usage, and focus-management checks to ensure WCAG 2.2 compliance across sites and apps.

Why does my web form fail keyboard accessibility tests?

Web forms fail keyboard accessibility tests when they lack proper focus management or clear labeling. The audit identifies these specific issues by applying WCAG 2.2 guidelines and provides actionable remediation steps using practical patterns from the A11Y-PATTERNS reference.