accessibility

Audit web accessibility against WCAG 2.2 and Lighthouse checks.

Updated Apr 28, 2026
One-click install
npx skills add https://github.com/eralvarez/react-csr-template --skill accessibility-eralvarez
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/eralvarez/react-csr-template/tree/main/.agents/skills/accessibility
Command: npx skills add https://github.com/eralvarez/react-csr-template --skill accessibility-eralvarez

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Comprehensive accessibility guidelines based on WCAG 2.2 and Lighthouse accessibility audits. The goal is to make content usable by everyone, including people with disabilities.

Core Features & Use Cases

  • WCAG 2.2 and Lighthouse-driven guidelines to assess and improve accessibility across web apps.
  • POUR principles (Perceivable, Operable, Understandable, Robus) and conformance levels (A/AA/AAA) to structure compliance.
  • Practical accessibility patterns, testing checklists, and references to implementable fixes.
  • Use Case: perform quick audits, create remediation plans, and document accessibility improvements for teams.

Quick Start

Ask me to run an accessibility audit on a webpage and generate a remediation plan.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I run a WCAG 2.2 accessibility audit on a webpage?

A Lighthouse accessibility audit checks webpages against WCAG 2.2 guidelines using POUR principles. Apply test-driven evaluations to identify issues and generate a remediation plan with practical accessibility patterns.

What's the best way to check web accessibility for keyboard navigation?

Check keyboard navigation by running test-driven accessibility evaluations against WCAG 2.2 operability criteria. Assess POUR principles and ARIA usage to document implementable fixes for keyboard interactions.

How does a Lighthouse accessibility audit work for web apps?

A Lighthouse accessibility audit checks webpages against WCAG 2.2 guidelines using POUR principles. Apply test-driven evaluations to identify issues and generate a remediation plan with practical accessibility patterns.

Can I use this to create an accessibility remediation plan for my team?

Yes, you can create an accessibility remediation plan by auditing your application against WCAG 2.2 and Lighthouse checks. Structure compliance using POUR principles and document implementable fixes for your team.

When do I need ARIA usage guidance for web accessibility?

You need ARIA usage guidance when remediating web accessibility issues to ensure screen reader compatibility. Apply ARIA patterns alongside WCAG 2.2 checks to meet POUR principles and Robust conformance levels.