a11y-playwright-testing
This skill equips QA engineers with a production-ready approach to accessibility testing by combining Playwright's browser automation with axe-core's compliance scanning. Run comprehensive WCAG 2.1 AA audits programmatically, catching accessibility issues before they reach users.
a11y-playwright-testing equips QA engineers with a production-ready approach to accessibility testing by combining Playwright's browser automation with axe-core's compliance scanning. This skill enables you to run comprehensive WCAG 2.1 AA audits programmatically, catching accessibility issues before they reach users. By integrating automated accessibility tests into your CI/CD pipeline, you can verify that your web applications meet WCAG 2.1 AA standards and maintain compliance as your codebase evolves.
AI-generated summary based on this skill's SKILL.md
Install
fugazi/test-automation-skills-agents/a11y-playwright-testing · repository language: Java
git clone https://github.com/fugazi/test-automation-skills-agents
cp -r test-automation-skills-agents/skills/a11y-playwright-testing ~/.claude/skills/a11y-playwright-testingFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is a11y-playwright-testing and how does it help with accessibility compliance?
a11y-playwright-testing equips QA engineers with a production-ready approach to accessibility testing by combining Playwright's browser automation with axe-core's compliance scanning. This skill enables you to run comprehensive WCAG 2.1 AA audits programmatically, catching accessibility issues before they reach users. By integrating automated accessibility tests into your CI/CD pipeline, you can verify that your web applications meet WCAG 2.1 AA standards and maintain compliance as your codebase evolves.
Can a11y-playwright-testing validate semantic HTML structure and ARIA attributes?
Yes, a11y-playwright-testing includes patterns for validating semantic HTML structure, ARIA attributes, and accessible names in web applications. Using axe-core integrated with Playwright, you can programmatically scan your pages to ensure proper semantic markup, correct ARIA role assignments, and meaningful accessible names for interactive elements. This validation helps prevent common accessibility mistakes and ensures your HTML follows accessibility best practices.
How does playwright accessibility testing work for keyboard navigation and focus management?
a11y-playwright-testing provides test automation patterns specifically designed to verify keyboard navigation and focus management in your interactive components. You can write automated tests that simulate keyboard interactions, verify focus order, test focus traps in dialogs, validate skip link functionality, and ensure all interactive elements are properly operable via keyboard alone. These tests catch operability issues that automated scanning alone cannot detect.
What does a11y-playwright-testing offer for debugging and preventing accessibility regressions?
a11y-playwright-testing enables you to debug accessibility failures and prevent regressions through established automated testing patterns. By running accessibility tests as part of your test suite, you can catch new accessibility issues before they're merged into production. The skill provides frameworks for setting up accessibility testing infrastructure in TypeScript-based Playwright projects, making it straightforward to integrate compliance checks into your development workflow and maintain accessibility standards over time.
Can a11y-playwright-testing help with form accessibility and color contrast testing?
a11y-playwright-testing supports comprehensive form accessibility testing through TypeScript-based Playwright patterns, including validation of form labels, input associations, and error messaging. While axe-core can detect color contrast issues as part of WCAG 2.1 AA compliance scanning, a11y-playwright-testing focuses primarily on programmatic accessibility audits and interactive component testing. For specialized color contrast analysis, you may combine this skill with dedicated contrast testing tools.
How do I set up a11y-playwright-testing for my TypeScript project?
a11y-playwright-testing provides guidance for setting up and configuring accessibility testing infrastructure specifically for TypeScript-based Playwright projects. The skill covers integrating axe-core with Playwright, configuring automated WCAG 2.1 AA scans, and establishing testing patterns for keyboard operability, focus management, and semantic validation. By following these patterns, you can establish a robust accessibility testing framework that runs as part of your standard test automation suite.
SKILL.md
rendered from the published skill — quoted content, verbatim
Playwright Accessibility Testing (TypeScript)
Comprehensive toolkit for automated accessibility testing using Playwright with TypeScript and axe-core. Enables WCAG 2.1 Level AA compliance verification, keyboard operability testing, semantic validation, and accessibility regression prevention.
> Activation: This skill is triggered when working with accessibility testing, WCAG compliance, axe-core scans, keyboard navigation tests, focus management, ARIA validation, or screen reader compatibility.
When to Use This Skill
- Automated a11y scans with axe-core for WCAG 2.1 AA compliance
- Keyboard navigation tests for Tab/Enter/Space/Escape/Arrow key operability
- Focus management validation for dialogs, menus, and dynamic content
- **Semantic
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 6 files
skills/a11y-playwright-testing/LICENSE.txt
skills/a11y-playwright-testing/SKILL.md
skills/a11y-playwright-testing/references/aria_patterns.md
skills/a11y-playwright-testing/references/axe-tags-reference.md
skills/a11y-playwright-testing/references/snippets.md
skills/a11y-playwright-testing/references/wcag21aa-checklist.md