accessibility-journey

Audit keyboard accessibility by tabbing through focusable elements with axe-core.

1|Updated Jan 9, 2026
One-click install
npx skills add https://github.com/anouar1991/binaryPetsClaude --skill accessibility-journey
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-journey
Source: https://github.com/anouar1991/binaryPetsClaude/tree/main/plugins/playwright-toolkit/skills/accessibility-journey
Command: npx skills add https://github.com/anouar1991/binaryPetsClaude --skill accessibility-journey

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates the evaluation of keyboard accessibility by simulating tab navigation, capturing focus states, and verifying visible focus indicators and tab order.

Core Features & Use Cases

  • Automated focus path auditing: Tab through all focusable elements to verify reachability.
  • Integrated WCAG checks: Run axe-core audits for violations alongside tab journey data.
  • Comprehensive reports: Produce a tab-journey timeline, focus indicators, off-screen elements, and heading hierarchy analysis.

Quick Start

Run a keyboard-navigation accessibility audit on a target page using Playwright and axe-core.

Frequently Asked Questions about accessibility-journey

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

FAQPage Schema
How do I audit keyboard navigation and tab order for WCAG compliance?

Audit keyboard navigation by simulating tab navigation through focusable elements to verify focus indicators, reachability, and tab order. This process records focus states and integrates axe-core checks to produce a structured tab-journey report for WCAG compliance.

Can I use Playwright to automate focus management testing on authenticated web pages?

Yes, Playwright can automate focus management testing on authenticated web pages. The skill simulates keyboard tabbing through focusable elements within an active browser session, recording focus states and verifying visible focus indicators on restricted pages.

What does an axe-core accessibility check include for keyboard users?

An axe-core accessibility check for keyboard users includes verifying focus indicators, tab order, off-screen elements, and heading hierarchy. It runs alongside an automated tab journey to capture a comprehensive accessibility snapshot of focus path violations.

Do I need a Playwright MCP server to test keyboard accessibility?

Yes, a Playwright MCP server with an active browser session is required to test keyboard accessibility. You also need a reachable axe-core resource to execute the integrated WCAG checks and generate the structured tab-journey report.

What is the best way to verify heading hierarchy during an accessibility audit?

The best way to verify heading hierarchy is to run an automated accessibility audit that simulates keyboard navigation alongside axe-core. This captures the heading structure and integrates it into a comprehensive tab-journey report with focus state data.

Why does my focus indicator disappear during automated keyboard accessibility testing?

Focus indicators may disappear if elements lack proper CSS focus styles or are moved off-screen. Automated keyboard accessibility testing records these focus states and flags missing indicators, off-screen elements, and tab order violations in a detailed report.