a11y-debugging

Audit web accessibility with Lighthouse and Chrome DevTools.

Updated Jun 16, 2026
One-click install
npx skills add https://github.com/breakingcircuits1337/agent-skills --skill a11y-debugging-breakingcircuits1337
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: a11y-debugging
Source: https://github.com/breakingcircuits1337/agent-skills/tree/main/a11y-debugging
Command: npx skills add https://github.com/breakingcircuits1337/agent-skills --skill a11y-debugging-breakingcircuits1337

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

The Skill overcomes manual accessibility debugging challenges, providing automated insights and audits for compliance with web accessibility guidelines.

Core Features & Use Cases

  • Automated Accessibility Audit: Uses Lighthouse to audit accessibility without manual effort.
  • Browser Native Checks: Utilizes Chrome DevTools for immediate checks of accessibility issues.
  • Semantic Structure Verification: Ensures headings and landmarks are properly structured.
  • Form and Label Validation: Validates labels and text alternatives for interactive elements.
  • Keyboard Navigation Testing: Verifies focus and navigation behaviors.
  • Visual and Contrast Assessment: Assesses tap targets and color contrast automatically.

Quick Start

To get started, activate the a11y-debugging skill and specify the URL of the web page you wish to audit.

Frequently Asked Questions about a11y-debugging

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

FAQPage Schema
How do I automate web accessibility audits using Lighthouse and Chrome DevTools?

Automate web accessibility audits by running Lighthouse and Chrome DevTools against a target URL to validate semantic HTML, ARIA labels, and keyboard navigation. This provides structured insights on compliance issues and visual contrast without manual inspection.

What is automated a11y debugging and how does it verify keyboard navigation?

Automated a11y debugging uses Lighthouse and browser DevTools to verify keyboard navigation by checking focus behaviors and sequential tab order. It identifies interactive elements lacking proper focus management to ensure users can navigate without a pointing device.

Can I check semantic HTML structure and ARIA labels for screen reader support automatically?

Yes, automated accessibility audits check semantic HTML structure and ARIA labels to ensure screen reader support. The audit validates heading hierarchies, landmark roles, and text alternatives for interactive elements to confirm compliance.

Does automated accessibility testing work for validating color contrast and form labels?

Automated accessibility testing works for validating color contrast ratios and form labels. It uses Lighthouse to assess visual contrast and checks that all input elements have associated text alternatives for assistive technologies.

What do I need to run a Lighthouse accessibility audit on my web page?

To run a Lighthouse accessibility audit, you need the target web page URL and appropriate permissions to execute browser audits. The Skill leverages Chrome DevTools to perform automated checks, requiring no additional dependencies.