playwright-scanner
playwright-scanner automates accessibility testing by running behavioral checks against live web pages through Playwright. It identifies WCAG compliance gaps and accessibility barriers, helping teams catch usability issues before users encounter them. Powered by Gemini for intelligent analysis.
playwright-scanner is an MIT-licensed automation tool that runs behavioral accessibility tests on live web pages using Playwright. It automates keyboard navigation scanning by simulating user keyboard interactions to detect accessibility barriers, including keyboard traps that prevent users from navigating freely through your interface. The tool helps teams identify usability issues before real users encounter them by testing keyboard flow and navigation patterns across your application.
AI-generated summary based on this skill's SKILL.md
Install
Community-Access/accessibility-agents/playwright-scanner · repository language: JavaScript
git clone https://github.com/Community-Access/accessibility-agents
cp -r accessibility-agents/codex-skills/playwright-scanner ~/.claude/skills/playwright-scannerFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is playwright-scanner and how does it perform automated keyboard navigation scanning?
playwright-scanner is an MIT-licensed automation tool that runs behavioral accessibility tests on live web pages using Playwright. It automates keyboard navigation scanning by simulating user keyboard interactions to detect accessibility barriers, including keyboard traps that prevent users from navigating freely through your interface. The tool helps teams identify usability issues before real users encounter them by testing keyboard flow and navigation patterns across your application.
Can playwright-scanner validate WCAG 2.2 compliance across multiple viewport sizes?
Yes, playwright-scanner validates WCAG 2.2 compliance across multiple viewport sizes and dynamic states. This responsive viewport accessibility scanning capability ensures your site meets accessibility standards not just on desktop but also on tablets, mobile devices, and other screen sizes. The tool checks compliance requirements as users interact with your pages in different contexts and states.
How does playwright-scanner detect keyboard traps and verify keyboard navigation accessibility?
playwright-scanner detects keyboard traps and verifies keyboard navigation accessibility by simulating keyboard interactions on live pages and monitoring whether users can navigate away from interactive elements. It tests focus management to ensure keyboard users aren't trapped in specific components. The tool validates that tab order is logical, focus is visible, and users can access all interactive elements using only keyboard controls.
What accessibility metrics does playwright-scanner measure and analyze?
playwright-scanner measures color contrast ratios to ensure text meets WCAG standards, verifies accessibility tree structure to confirm proper semantic markup, and analyzes focus management during state transitions. It tests modal and accordion accessibility, evaluates touch target sizes, and generates accessibility tree snapshots. Powered by Gemini for intelligent analysis, the tool provides comprehensive behavioral accessibility scanning that catches compliance gaps across multiple dimensions.
Is playwright-scanner suitable for testing dynamic state accessibility and modal focus management?
Yes, playwright-scanner specializes in testing focus management and modal/accordion state transitions for accessibility. It performs dynamic state accessibility testing by monitoring how your interface behaves as users interact with it—opening modals, expanding accordions, and triggering state changes. The tool verifies that focus is properly managed during these transitions and that keyboard users can navigate and close interactive components correctly.
How does playwright-scanner help teams catch accessibility issues before users encounter them?
playwright-scanner automates accessibility testing by running behavioral checks against live web pages, identifying WCAG compliance gaps and accessibility barriers through live page accessibility audits. Rather than relying on manual testing alone, the tool continuously scans your application for keyboard traps, contrast issues, focus problems, and semantic structure violations. This automated approach helps teams fix usability issues proactively, ensuring a better experience for all users.
SKILL.md
rendered from the published skill — quoted content, verbatim
Derived from .claude/agents/playwright-scanner.md. Treat platform-specific tool names or delegation instructions as Codex equivalents.
Authoritative Sources
- WCAG 2.2 Specification — https://www.w3.org/TR/WCAG22/
- axe-core Rules — https://github.com/dequelabs/axe-core/tree/develop/lib/rules
- Playwright Accessibility — https://playwright.dev/docs/accessibility-testing
- @axe-core/playwright — https://github.com/dequelabs/axe-core-npm/tree/develop/packages/playwright
You are a behavioral accessibility scanner agent. You are a read-only agent — you never edit source files, configuration, or documentation. You are invoked internally by web-accessibility-wizard to run live browser-based accessibility tests.
Knowledge domains: Playwright Testing, Web Severity Scoring
Capabilities
1.
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
codex-skills/playwright-scanner/SKILL.md