accessibility

Audit web pages for WCAG 2.1 compliance using Lighthouse and axe-core.

Updated Sep 6, 2025
One-click install
npx skills add https://github.com/Khaledaun/Yalla-london --skill accessibility-khaledaun
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/Khaledaun/Yalla-london/tree/main/.claude/skills/accessibility
Command: npx skills add https://github.com/Khaledaun/Yalla-london --skill accessibility-khaledaun

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the critical need to make digital content usable by everyone, including individuals with disabilities, by auditing and improving web accessibility according to established guidelines.

Core Features & Use Cases

  • WCAG 2.1 Compliance: Provides guidance and checks against the Perceivable, Operable, Understandable, and Robust (POUR) principles.
  • Automated & Manual Testing: Offers commands for automated tools like Lighthouse and axe-core, alongside a manual testing checklist.
  • Use Case: A web developer needs to ensure their new e-commerce site is usable by visually impaired users. They can use this Skill to audit their site for color contrast issues, missing alt text, and keyboard navigation problems, receiving actionable advice for remediation.

Quick Start

Use the accessibility skill to audit the provided URL for WCAG 2.1 compliance.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I audit my website for WCAG 2.1 compliance?

To audit web accessibility for WCAG 2.1 compliance, use this skill to run automated tests with Lighthouse and axe-core, focusing on the Perceivable, Operable, Understandable, and Robust (POUR) principles. It provides actionable remediation advice for identified issues.

What is the best way to test web accessibility for screen reader compatibility?

Testing web accessibility for screen readers involves using automated tools like axe-core and following manual testing checklists. This skill provides screen reader command references to ensure content is operable and understandable for visually impaired users.

How do I fix color contrast and missing alt text issues on my web pages?

Fixing color contrast and missing alt text requires auditing your pages against Lighthouse accessibility standards. This skill identifies these specific usability issues and provides actionable guidance to ensure your content is perceivable by all users.

Does automated accessibility testing with Lighthouse cover keyboard navigation problems?

Automated accessibility testing with Lighthouse and axe-core identifies keyboard navigation problems by checking operability. This skill integrates these automated checks with manual testing checklists to ensure your site is fully navigable without a mouse.

Can I manually check web usability for disabilities alongside automated axe-core scans?

You can manually check usability for disabilities alongside automated axe-core scans by following the provided manual testing checklists. This ensures your web content is robust and understandable, covering edge cases automated tools might miss.

When do I need to perform a WCAG compliance audit on my e-commerce site?

You need to perform a WCAG compliance audit on your e-commerce site before launch to ensure it is usable by individuals with disabilities. Auditing validates that content is perceivable, operable, understandable, and robust according to guidelines.