a11y-audit

Integrate Playwright with axe-core to audit web pages for WCAG 2.1 AA violations.

1|Updated Sep 15, 2023
One-click install
npx skills add https://github.com/emiljuchnikowski/smartsoft001 --skill a11y-audit-emiljuchnikowski
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: a11y-audit
Source: https://github.com/emiljuchnikowski/smartsoft001/tree/main/.claude/skills/a11y-audit
Command: npx skills add https://github.com/emiljuchnikowski/smartsoft001 --skill a11y-audit-emiljuchnikowski

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams quickly identify accessibility issues on web pages by integrating Playwright with axe-core, delivering automated audit reports that flag WCAG 2.1 AA violations and provide remediation guidance.

Core Features & Use Cases

  • Automated accessibility scanning across pages during development, CI, or manual QA.
  • Generates structured reports detailing violations, affected elements, and recommended fixes.
  • Use Case: Ensure new features meet accessibility standards before release.

Quick Start

Open the target page and run an accessibility audit with Playwright and axe-core to generate a report.

Frequently Asked Questions about a11y-audit

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

FAQPage Schema
How do I automate accessibility audits with Playwright and axe-core?

Automate accessibility audits by integrating Playwright with axe-core to scan web pages and generate structured reports detailing WCAG 2.1 AA violations, affected elements, and suggested fixes. This integration works seamlessly in CI pipelines and manual testing environments.

What accessibility standards does automated axe-core testing check against?

Automated axe-core testing checks web pages against WCAG 2.1 AA standards. The audit identifies violations of these accessibility guidelines and provides specific remediation guidance for each affected element.

Can I run Playwright accessibility tests in a CI pipeline?

Yes, you can run Playwright accessibility tests in a CI pipeline. The automated audit integrates with CI environments to continuously surface WCAG 2.1 AA violations and prevent non-compliant features from reaching production.

Do I need Playwright installed to use axe-core for web auditing?

Yes, you need Playwright installed to use this automated web auditing workflow. The skill requires both Playwright and axe-core to programmatically load target pages and execute the accessibility scans that produce structured violation reports.

What is included in an automated WCAG audit report?

An automated WCAG audit report includes a structured breakdown of accessibility violations, identifies the specific affected elements on the web page, and provides suggested fixes for remediating the identified issues.