Accessibility WCAG 2.2

Guide web applications to WCAG 2.2 AA compliance with semantic HTML and testing strategies.

Updated Feb 18, 2026
One-click install
npx skills add https://github.com/SamuelSaha/Reqflow --skill accessibility-wcag-2-2
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Accessibility WCAG 2.2
Source: https://github.com/SamuelSaha/Reqflow/tree/main/SWARM/skills/polish/accessibility-wcag
Command: npx skills add https://github.com/SamuelSaha/Reqflow --skill accessibility-wcag-2-2

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill ensures web applications meet Web Content Accessibility Guidelines (WCAG) 2.2 AA standards, making them usable by people with disabilities.

Core Features & Use Cases

  • Semantic HTML Guidance: Promotes correct use of HTML elements for better accessibility.
  • Keyboard Navigation Best Practices: Provides patterns for focus management, skip links, and tab order.
  • Form Accessibility: Details on proper labeling, descriptions, and error handling.
  • Color and Contrast: Guidelines for sufficient contrast ratios and not relying on color alone.
  • Image and Media Accessibility: Instructions for alt text, captions, and transcripts.
  • Live Regions: How to announce dynamic content changes to assistive technologies.
  • Testing Strategies: Includes automated and manual testing checklists.

Quick Start

Apply semantic HTML elements and ensure proper heading hierarchy for all page content.

Frequently Asked Questions about Accessibility WCAG 2.2

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

FAQPage Schema
How do I make my web application meet WCAG 2.2 AA standards?

To meet WCAG 2.2 AA standards, apply semantic HTML elements, ensure logical keyboard navigation, and verify sufficient color contrast ratios. This approach makes web content perceivable, operable, understandable, and robust for all users.

What is the best way to implement keyboard navigation and focus management for web accessibility?

The best way to implement keyboard navigation is by using proper focus management, skip links, and a logical tab order. Following these keyboard navigation patterns ensures that interactive web elements remain fully operable without a mouse.

How do I add live regions to announce dynamic content changes to assistive technologies?

To announce dynamic content changes, implement live regions using semantic HTML attributes. This ensures that screen readers and other assistive technologies automatically perceive and vocalize real-time updates in your web application.

How do I make forms accessible and handle validation errors properly?

To make forms accessible, provide proper labeling, descriptive instructions, and clear error handling. Accessible forms ensure that all input fields and validation messages are fully understandable and operable by users relying on assistive technologies.

What are effective testing strategies for checking web accessibility and inclusive design?

Effective testing strategies for web accessibility combine automated scanning tools with manual testing checklists. This dual approach verifies that inclusive design elements like contrast ratios and semantic HTML function correctly across your web application.

Do I need semantic HTML to ensure my web content is perceivable and robust?

Yes, semantic HTML is required to ensure web content is perceivable and robust. Using correct HTML elements provides the necessary structure for assistive technologies to accurately interpret and navigate your web application.