skills.rest
tom-xs
tom-xsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

a11y-playwright-testing

Automate accessibility testing with Playwright and axe-core for WCAG 2.1 AA compliance.

Updated Nov 22, 2025
Search Tags:#automation#testing#accessibility#wcag#playwright#axe-core
One-click install
npx skills add https://github.com/tom-xs/nixos-dotfiles --skill a11y-playwright-testing-tom-xs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: a11y-playwright-testing
Source: https://github.com/tom-xs/nixos-dotfiles/tree/main/ai/kimi-skills/skills/a11y-playwright-testing
Command: npx skills add https://github.com/tom-xs/nixos-dotfiles --skill a11y-playwright-testing-tom-xs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/test, axe-core, @axe-core/playwright, and includes references (resource) components.

What problem does it solve?

This skill addresses the difficulty of maintaining web accessibility standards by automating the detection of WCAG 2.1 AA violations, keyboard navigation issues, and semantic HTML defects.

Core Features & Use Cases

  • Automated Audits: Run axe-core scans to identify accessibility violations across pages or specific components.
  • Keyboard & Focus Testing: Validate that interactive elements are reachable and focus states are managed correctly.
  • Use Case: Integrate this skill into your CI/CD pipeline to ensure that new UI components meet accessibility requirements before they are merged into the main codebase.

Quick Start

Use the a11y-playwright-testing skill to run a full WCAG 2.1 AA accessibility scan on the current page.

Frequently Asked Questions about a11y-playwright-testing

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

FAQPage Schema
How do I automate WCAG 2.1 AA accessibility testing with Playwright?▼

Automate WCAG 2.1 AA accessibility testing by integrating axe-core with Playwright to run automated scans across web pages. This skill targets keyboard operability, focus management, semantic structure, and ARIA validation to detect compliance violations within your TypeScript project.

Can I check keyboard navigation and focus management using axe-core?▼

Yes, you can validate keyboard navigation and focus management using axe-core within Playwright tests. The skill specifically checks that interactive elements are reachable and ensures focus states are correctly managed across complex UI components.

Does this automated accessibility testing approach support TypeScript projects?▼

Yes, this automated accessibility testing approach fully supports modern TypeScript-based web projects. It runs axe-core and Playwright scans to identify semantic HTML defects and WCAG 2.1 AA violations within your TypeScript codebase.

How do I integrate WCAG 2.1 AA accessibility scans into a CI/CD pipeline?▼

Integrate WCAG 2.1 AA accessibility scans into your CI/CD pipeline by running this skill's Playwright and axe-core tests before merges. This automated regression testing ensures new UI components meet accessibility requirements early.

What is automated regression testing for WCAG compliance and how does it work?▼

Automated regression testing for WCAG compliance works by running axe-core scans via Playwright to continuously validate web applications. It automatically detects new accessibility violations, keyboard issues, and semantic HTML defects after code changes.

Are there limitations to automated accessibility testing for manual audit support?▼

Automated accessibility testing provides manual audit support by detecting WCAG 2.1 AA violations, but it has limitations. It cannot catch every subjective usability issue, so complex UI components may still require manual keyboard and screen reader verification.

Related Skills

Explore More Software Engineering Skills→
kettleofketchupkettleofketchup

playwright

Automate end-to-end browser testing and web scraping with Playwright in Node.js environments.

Community
Intermediate
guichefferguicheffer
3

web-accessibility

Enforce WCAG 2.1 AA compliance using semantic HTML, ARIA attributes, axe-core, and jest-axe automated tests.

Community
Intermediate
elbrunoelbruno
3

playwright-cli

Automate browser interactions and execute web page tests with Playwright.

Community
Advanced
baasith6baasith6

accessibility-auditing

Audit web pages for accessibility issues using Cursor's built-in browser.

Community
Intermediate