accessibility

Audit web accessibility and improve WCAG 2.1 conformance across web content.

2.6k|238|Updated Jan 18, 2026
One-click install
npx skills add https://github.com/addyosmani/web-quality-skills --skill accessibility-addyosmani
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/addyosmani/web-quality-skills/tree/main/skills/accessibility
Command: npx skills add https://github.com/addyosmani/web-quality-skills --skill accessibility-addyosmani

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Audit and improve web accessibility following WCAG 2.1 guidelines to ensure content is usable by everyone, including people with disabilities.

Core Features & Use Cases

  • Comprehensive guidelines based on WCAG 2.1 and Lighthouse accessibility audits to identify accessibility gaps.
  • POUR principles coverage (Perceivable, Operable, Understandable, Robust) with practical examples and conformance levels.
  • Use Case: When building a new web interface or auditing an existing site, run audits and implement WCAG-compliant changes to improve usability and compliance.

Quick Start

Start by auditing a page for accessibility issues and implement the recommended WCAG improvements.

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 page for WCAG 2.1 accessibility violations?

Audit web accessibility by checking your web page against WCAG 2.1 guidelines and Lighthouse accessibility audits. This process identifies violations across POUR principles, ARIA practices, color contrast, and keyboard accessibility to ensure content is usable by everyone.

What are the POUR principles for web accessibility compliance?

The POUR principles for web accessibility require content to be Perceivable, Operable, Understandable, and Robust. Applying these WCAG 2.1 principles during development ensures your web interfaces are usable by people with disabilities and meet compliance standards.

How do I fix Lighthouse accessibility issues on my website?

Fix Lighthouse accessibility issues by implementing WCAG-compliant markup, ensuring proper color contrast, applying correct ARIA practices, and verifying keyboard accessibility. This addresses the specific gaps identified during your web accessibility audit.

Does web accessibility auditing work for existing apps or only new interfaces?

Web accessibility auditing works for both new interfaces and existing apps. You can run WCAG 2.1 conformance checks and Lighthouse audits on any web page during development or evaluate an existing site to identify and fix accessibility gaps.

What is the best way to implement ARIA practices for inclusive design?

The best way to implement ARIA practices for inclusive design is following WCAG 2.1 guidelines that support keyboard accessibility and robust markup. This ensures your web content remains operable and understandable for all users.

Why does my web content fail keyboard accessibility tests?

Web content fails keyboard accessibility tests when it lacks WCAG-compliant markup and proper ARIA practices. Auditing your page identifies missing focus management and operability issues, allowing you to implement the necessary keyboard navigation improvements.