skills.rest
bobvarkey
bobvarkeyCOMMUNITY
Explore all skills by this author →
GitHub

accessibility

Audit web accessibility against WCAG 2.2 using Lighthouse and axe.

Updated Apr 25, 2026
Search Tags:#accessibility#a11y#lighthouse#screen-reader#color-contrast#keyboard-navigation#wcag-22
One-click install
npx skills add https://github.com/bobvarkey/diabetes-buddy --skill accessibility-bobvarkey
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/bobvarkey/diabetes-buddy/tree/main/.agents/skills/accessibility
Command: npx skills add https://github.com/bobvarkey/diabetes-buddy --skill accessibility-bobvarkey

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

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

Core Features & Use Cases

  • WCAG 2.2 conformance checks and Lighthouse accessibility audits to identify issues across web content.
  • Guidelines and patterns for text alternatives, keyboard navigation, focus management, color contrast, and ARIA usage with practical examples.
  • Use case: Before launch, run an accessibility audit and implement remediation to improve user experience and compliance.

Quick Start

Audit a web page for accessibility and apply the recommended remediations.

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.2 conformance?▼

To audit web accessibility for WCAG 2.2 conformance, run Lighthouse and axe checks to identify issues across content, then use generated remediation guidance to fix violations. This ensures structured guidelines support both automated and manual reviews.

What is the best way to fix keyboard navigation and focus management issues?▼

Fixing keyboard navigation and focus management requires applying structured accessibility patterns and ARIA usage guidelines. These provide practical code examples to resolve focus traps and ensure logical tab order during web development remediation.

How do I check color contrast ratios to meet accessibility standards?▼

To check color contrast for accessibility standards, use Lighthouse audits to detect insufficient ratios. The generated remediation guidance aligns with WCAG 2.2, providing actionable steps to adjust foreground and background colors for compliance.

Can I use Lighthouse and axe for manual accessibility reviews?▼

Lighthouse and axe are used for automated accessibility checks, while structured guidelines and reference materials support manual reviews. Combining both identifies comprehensive issues across web content for WCAG 2.2 conformance documentation.

What are the limitations of automated accessibility testing tools?▼

Automated accessibility testing tools like Lighthouse cannot detect all WCAG 2.2 violations, requiring manual reviews for complex interactions. Structured reference materials are needed to validate text alternatives, screen-reader behavior, and keyboard navigation edge cases.

Related Skills

Explore More Software Engineering Skills→
xinge-jixinge-ji

web-design-guidelines

Compare frontend HTML, CSS, and JavaScript files against Web Interface Guidelines.

Community
Intermediate
gmagnenatgmagnenat
1

accessibility

Identify and remediate accessibility barriers for WCAG 2.2 conformance.

Community
Advanced
saschadudkin-sketchsaschadudkin-sketch

accessibility

Automate WCAG 2.2 accessibility audits for websites using Lighthouse and axe-core.

Community
Intermediate
hiyenwonghiyenwong
2

accessibility-wcag

Audit web interfaces for WCAG 2.2 conformance and provide remediation guidance.

Community
Advanced