audit-a11y-browser

Audit live browser accessibility against a URL using Playwright and axe-core.

Updated Mar 7, 2026
One-click install
npx skills add https://github.com/blackgirlbytes/team-starter-repo --skill audit-a11y-browser
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit-a11y-browser
Source: https://github.com/blackgirlbytes/team-starter-repo/tree/main/.cursor/skills/audit-skills/audit-a11y-browser
Command: npx skills add https://github.com/blackgirlbytes/team-starter-repo --skill audit-a11y-browser

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates live browser accessibility testing, helping to identify and fix accessibility issues in real-time as a website or application is being developed or tested.

Core Features & Use Cases

  • Live URL Auditing: Performs accessibility checks directly against a running web application.
  • Automated Testing: Utilizes Playwright and axe-core for comprehensive automated checks.
  • Use Case: Before deploying a new feature, run this skill against the staging URL to ensure it meets accessibility standards for all users.

Quick Start

Run a live browser accessibility audit on http://localhost:3000.

Frequently Asked Questions about audit-a11y-browser

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

FAQPage Schema
How do I run live browser accessibility testing against a local development URL?

Live browser accessibility testing is conducted against a specified URL using Playwright and axe-core to validate real-time rendered behavior. You can audit running web applications like http://localhost:3000 to identify dynamic accessibility issues during development.

What dynamic accessibility behaviors can automated browser audits check?

Automated browser audits using axe-core check dynamic accessibility behaviors including keyboard navigation, modal focus, and dynamic announcements. This validates real-time rendered behavior and satisfies requirements for automated accessibility QA in development workflows.

Can I use Playwright to validate keyboard navigation and modal focus for compliance checks?

Yes, Playwright validates keyboard navigation, modal focus, and dynamic announcements during live browser accessibility audits. It works with axe-core to perform comprehensive automated checks against a running web application for compliance validation.

What's the best way to automate accessibility QA before deploying a new feature?

The best way to automate accessibility QA before deploying is running a live browser accessibility audit against your staging URL. This uses Playwright and axe-core to ensure new features meet accessibility standards for all users in real-time.

Does live accessibility testing detect issues that static code analysis misses?

Live accessibility testing detects real-time rendered accessibility behavior that static analysis misses, such as dynamic announcements and modal focus. Using Playwright and axe-core, it validates the actual running web application rather than just parsing source code.

Do I need a running web application to perform automated accessibility audits?

Yes, you need a running web application because live browser accessibility audits are performed directly against a specified URL. Playwright and axe-core evaluate the real-time rendered behavior of the live application to identify issues.