Playwright Accessibility Testing

Automate web accessibility testing with Playwright and Axe-Core to report WCAG violations.

387|42|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/Community-Access/accessibility-agents --skill playwright-accessibility-testing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Playwright Accessibility Testing
Source: https://github.com/Community-Access/accessibility-agents/tree/main/.github/skills/playwright-testing
Command: npx skills add https://github.com/Community-Access/accessibility-agents --skill playwright-accessibility-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the detection of accessibility issues in web applications, ensuring compliance with WCAG standards and improving user experience for all.

Core Features & Use Cases

  • Automated Accessibility Scans: Leverages Playwright and Axe-Core to perform comprehensive checks.
  • Keyboard Navigation Testing: Verifies tab order, detects keyboard traps, and tests focus management.
  • Visual and State-Based Testing: Analyzes contrast ratios, touch target sizes, and dynamic content states.
  • Use Case: Integrate these tests into your CI/CD pipeline to catch accessibility regressions before they reach production.

Quick Start

Run the playwright-testing skill to perform a full page accessibility scan on the provided URL.

Frequently Asked Questions about Playwright Accessibility Testing

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

FAQPage Schema
How do I automate web accessibility testing with Playwright?

Automate web accessibility testing with Playwright by integrating Axe-Core to identify and report WCAG violations across keyboard navigation, focus management, and dynamic content states. Configure Playwright scans to run comprehensive checks on provided URLs across multiple viewports.

Can I check WCAG compliance and keyboard navigation in a CI/CD pipeline?

Yes, you can check WCAG compliance and keyboard navigation in a CI/CD pipeline by integrating Playwright and Axe-Core tests via GitHub Actions. This setup catches accessibility regressions automatically before deployment to production.

What does Axe-Core check for during dynamic content and contrast testing?

Axe-Core checks dynamic content states, contrast ratios, and touch target sizes during automated scans. It verifies tab order, detects keyboard traps, and tests focus management to ensure comprehensive visual and state-based accessibility coverage.

Does Playwright accessibility testing cover multiple viewports?

Playwright accessibility testing covers multiple viewports to identify WCAG violations across different screen sizes. It analyzes dynamic content states and contrast ratios to ensure responsive web applications maintain accessibility standards.

How do I detect keyboard traps and verify tab order in web applications?

Detect keyboard traps and verify tab order by running automated Playwright scans with Axe-Core. These scans test focus management and keyboard navigation to pinpoint navigation issues and report WCAG violations.

What is the best way to catch accessibility regressions before production?

The best way to catch accessibility regressions before production is integrating Playwright and Axe-Core scans into your GitHub Actions CI/CD pipeline. This automated testing approach identifies WCAG violations early in the development cycle.