accessibility

Audit web content against WCAG 2.2 accessibility guidelines.

7|Updated Apr 9, 2024
One-click install
npx skills add https://github.com/figueroaignacio/ai --skill accessibility-figueroaignacio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/figueroaignacio/ai/tree/main/.agents/skills/accessibility
Command: npx skills add https://github.com/figueroaignacio/ai --skill accessibility-figueroaignacio

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Accessibility issues prevent a broad audience from using digital content, hinder legal compliance, and degrade user experience. This Skill helps teams audit and enhance web accessibility to align with WCAG 2.2 guidelines and Lighthouse accessibility benchmarks, ensuring content is usable by people with disabilities.

Core Features & Use Cases

  • WCAG-aligned auditing and remediation guidance to improve perceptible, operable, understandable, and robust content.
  • Keyboard and screen-reader readiness validation, including focus management, skip links, and ARIA best practices.
  • Practical patterns and checklists aligned with POUR principles and conformance levels (A/AA/AAA) to guide fixes across text, media, navigation, and form controls.
  • Use case: When asked to "improve accessibility" or "conduct a11y audit" for a site, this Skill documents issues and recommended fixes, then supports the implementation phase.

Quick Start

Audit a web page for accessibility and implement WCAG 2.2 fixes.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I audit a website for WCAG 2.2 compliance?

To audit a website for WCAG 2.2 compliance, evaluate digital content against POUR principles to document accessibility issues across text, images, video, and form controls for remediation.

How do I fix keyboard navigation and screen reader readiness issues?

Fix keyboard navigation and screen reader readiness by validating focus management, implementing skip links, and applying ARIA best practices to ensure web content is fully operable without a mouse.

What is the best way to check color contrast for web accessibility?

The best way to check color contrast for web accessibility is to evaluate visual elements against WCAG 2.2 conformance levels (A/AA/AAA) to ensure text remains perceptible to users with visual impairments.

Does this accessibility audit cover ARIA usage and focus management?

Yes, this accessibility audit covers ARIA usage and focus management by validating keyboard interoperability, tuning screen reader readiness, and applying practical patterns aligned with POUR principles.

Can I use this to improve accessibility for web forms and video content?

Yes, you can improve accessibility for web forms and video content by applying WCAG 2.2 guidelines and checklists across multiple content types to ensure digital media is understandable and robust.

When do I need to implement skip links for keyboard accessibility?

You need to implement skip links for keyboard accessibility when ensuring operable web navigation, allowing users to bypass repetitive content blocks and manage focus efficiently during keyboard-based browsing.