playwright-scanner

Included with Lifetime

$97 forever

Internal helper agent. Invoked by orchestrator agents via Task tool. Behavioral accessibility testing using Playwright — runs keyboard navigation scans, dynamic state scans, viewport responsive scans, contrast verification, and accessibility tree snapshots against live pages. Read-only — never modifies files.

AI Agents

What this skill does


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. Full Behavioral Scan

When invoked with a URL and scan profile, execute the following tests in order:

1. **Keyboard Flow Mapping** — Call `run_playwright_keyboard_scan` to record the complete Tab sequence, detect keyboard traps, and identify unreachable interactive elements.

2. **Dynamic State Scanning** — Call `run_playwright_state_scan` to click triggers (accordions, menus, modals, tabs) and run axe-core against each revealed state.

3. **Responsive Viewport Scanning** — Call `run_playwright_viewport_scan` at widths [320, 768, 1024, 1440] to detect reflow failures, horizontal scroll, and undersized touch targets.

4. **Rendered Contrast Verification** — Call `run_playwright_contrast_scan` to extract computed foreground/background colors and calculate contrast ratios after full CSS cascade resolution.

5. **Accessibility Tree Snapshot** — Call `run_playwright_a11y_tree` to capture the browser's accessibility tree for landmark/heading/role/name verification.

### 2. Focus Management Tests

Combine keyboard and state scans for focused testing:

- Click a modal trigger → verify `activeElement` moves to the modal
- Close the modal → verify `activeElement` returns to the trigger
- Navigate to a skip link → press Enter → verify focus moves to main content

### 3. Targeted Scans

When invoked with specific test parameters:

- **keyboard-only** — Run only keyboard flow mapping
- **states-only** — Run only dynamic state scanning
- **viewport-only** — Run only responsive viewport scanning
- **contrast-only** — Run only contrast verification
- **tree-only** — Run only accessibility tree snapshot

## Output Contract

Return a structured findings object with all scan results:

```text
PLAYWRIGHT BEHAVIORAL SCAN: {url}
=====================================

KEYBOARD FLOW:
  Total Tab Stops: {n}
  Keyboard Traps: {n}
  Unreachable Interactive Elements: {n}
  [Full tab sequence listing]

DYNAMIC STATE SCAN:
  Triggers Tested: {n}
  Violations in Dynamic States: {n}
  [Per-trigger results with axe-core violations]

VIEWPORT SCAN:
  Viewports Tested: 320px, 768px, 1024px, 1440px
  Reflow Failures: {n}
  Undersized Touch Targets: {n}
  [Per-viewport results]

CONTRAST SCAN:
  Elements Analyzed: {n}
  Contrast Failures: {n}
  [Per-element contrast details]

ACCESSIBILITY TREE:
  Total Nodes: {n}
  Role Distribution: {role counts}
  [Tree structure]

BEHAVIORAL CONFIDENCE: {High|Medium|Low}
  (High = all 5 scans completed successfully)
  (Medium = 3-4 scans completed)
  (Low = 1-2 scans completed, others failed)
```

## Graceful Degradation

If Playwright is not installed:
- Report that behavioral scans are unavailable
- List the install command: `npm install -D playwright @axe-core/playwright && npx playwright install chromium`
- Return a "degraded" status so the wizard can proceed with static-only analysis

If @axe-core/playwright is not installed but Playwright is:
- Run keyboard scan, contrast scan, and accessibility tree (Playwright-only tools)
- Skip state scan and viewport scan (require @axe-core/playwright)
- Report partial results with a note about the missing dependency

## WCAG Coverage

| Tool | WCAG Success Criteria |
|------|----------------------|
| Keyboard Scan | 2.1.1 Keyboard, 2.1.2 No Keyboard Trap, 2.4.3 Focus Order |
| State Scan | All SC in dynamic states (1.3.1, 4.1.2, etc.) |
| Viewport Scan | 1.4.10 Reflow, 2.5.5 Target Size Enhanced, 2.5.8 Target Size Minimum |
| Contrast Scan | 1.4.3 Contrast Minimum, 1.4.6 Contrast Enhanced |
| A11y Tree | Structural SC (1.3.1, 2.4.6, 4.1.2) |

Files: 1

Size: 4.7 KB

Complexity: 10/100

Category: AI Agents

Source: https://github.com/community-access/accessibility-agents/tree/main/codex-skills/playwright-scanner

Related in AI Agents

skill-development

Included

Comprehensive meta-skill for creating, managing, validating, auditing, and distributing Claude Code skills and slash commands (unified in v2.1.3+). Provides skill templates, creation workflows, validation patterns, audit checklists, naming conventions, YAML frontmatter guidance, progressive disclosure examples, and best practices lookup. Use when creating new skills, validating existing skills, auditing skill quality, understanding skill architecture, needing skill templates, learning about YAML frontmatter requirements, progressive disclosure patterns, tool restrictions (allowed-tools), skill composition, skill naming conventions, troubleshooting skill activation issues, creating custom slash commands, configuring command frontmatter, using command arguments ($ARGUMENTS, $1, $2), bash execution in commands, file references in commands, command namespacing, plugin commands, MCP slash commands, Skill tool configuration, or deciding between skills vs slash commands. Delegates to docs-management skill for official documentation.

AI Agentsscripts

reprompter

Included

Transform messy prompts into well-structured, effective prompts — single or multi-agent. Use when: "reprompt", "reprompt this", "clean up this prompt", "structure my prompt", rough text needing XML tags and best practices, "reprompter teams", "repromptception", "run with quality", "smart run", "smart agents", multi-agent tasks, audits, parallel work, anything going to agent teams. Don't use when: simple Q&A, pure chat, immediate execution-only tasks. See "Don't Use When" section for details. Outputs: Structured XML/Markdown prompt, quality score (before/after), optional team brief + per-agent sub-prompts, agent team output files. Success criteria: Single mode quality score ≥ 7/10; Repromptception per-agent prompt quality score 8+/10; all required sections present, actionable and specific.

AI Agentsscripts

adaptive-compaction

Included

Adaptive add-on policy and recovery layer that decides WHEN to compact, prune, snapshot, or fork -- replacing fixed-percent auto-compaction across Claude Code, Codex, and MCP-capable hosts. Trigger on auto-compact timing or damage: "when should I compact", "is it safe to compact now or start a fresh session", "auto-compact fires too early/mid-task", "switching to an unrelated task but the window still has space", "context rot", "answers get worse the longer the session runs", "the agent forgot the plan or my decisions after it summarized", "add a layer on top that manages context without changing the agent", raising autoCompactWindow to give the policy room, or installing/tuning a cross-tool compaction policy or PreCompact hook -- even when "compaction" is never said but the problem is context-window pressure or post-summarization memory loss. Do NOT use to summarize a conversation, build RAG, write a summarization prompt (decides WHEN not HOW), or answer max-context-length trivia.

AI Agentsscripts

agent-skill-creator

Included

Create cross-platform agent skills from workflow descriptions. Activates when users ask to create an agent, automate a repetitive workflow, create a custom skill, or need advanced agent creation. Triggers on phrases like create agent for, automate workflow, create skill for, every day I have to, daily I need to, turn process into agent, need to automate, create a cross-platform skill, validate this skill, export this skill, migrate this skill. Supports single skills, multi-agent suites, transcript processing, template-based creation, interactive configuration, cross-platform export, and spec validation.

AI Agentsscripts

llm-wiki

Included

Use when building or maintaining a persistent personal knowledge base (second brain) in Obsidian where an LLM incrementally ingests sources, updates entity/concept pages, maintains cross-references, and keeps a synthesis current. Triggers include "second brain", "Obsidian wiki", "personal knowledge management", "ingest this paper/article/book", "build a research wiki", "compound knowledge", "Memex", or whenever the user wants knowledge to accumulate across sessions instead of being re-derived by RAG on every query.

AI Agentsscripts

skill-master

Included

Agent Skills authoring, evaluation, and optimization. Create, edit, validate, benchmark, and improve skills following the agentskills.io specification. Use when designing SKILL.md files, structuring skill folders (references, scripts, assets), ingesting external documentation into skills, running trigger evals, benchmarking skill quality, optimizing descriptions, or performing blind A/B comparisons. Keywords: agentskills.io, SKILL.md, skill authoring, eval, benchmark, trigger optimization.

AI Agentsscripts