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.