skills.rest
lord-vinayak
lord-vinayakCOMMUNITY
Explore all skills by this author →
Website𝕏@lord_vinayak_GitHub

playwright-accessibility-auditor

Automate browser accessibility testing with axe-core and Playwright.

Updated May 19, 2026
Search Tags:#Playwright#browser testing#visual regression#web accessibility#accessibility testing#axe-core#multi-viewport
One-click install
npx skills add https://github.com/lord-vinayak/orive-reqcap --skill playwright-accessibility-auditor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-accessibility-auditor
Source: https://github.com/lord-vinayak/orive-reqcap/tree/main/.claude/skills/test/playwright-accessibility-auditor_
Command: npx skills add https://github.com/lord-vinayak/orive-reqcap --skill playwright-accessibility-auditor

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill ensures the accessibility of web applications in real browsers, allowing for comprehensive testing across multiple viewport sizes, color schemes, zoom levels, and more.

Core Features & Use Cases

  • Multi-Viewport Testing: Test rendered pages on desktop, tablet, and mobile browsers.
  • Color Scheme Variants: Test in light and dark modes.
  • Zoom/Reflow Testing: Validate responsiveness at various zoom levels.
  • Reduced Motion Compliance: Check compliance with reduced motion preferences.
  • Keyboard Navigation: Test keyboard accessibility for screen reader users.
  • Focus Indicators: Verify visibility of focus indicators.
  • Axe-core Scanning: Perform automated WCAG audits with axe-core.
  • Form Error States: Test form validation and error messages.
  • Visual Regression: Compare screenshots for visual consistency over time.
  • Use Case: Use this Skill to ensure that a web application is accessible and user-friendly for all users, including those with disabilities.

Quick Start

Run the playwright-accessibility-auditor skill to perform accessibility audits on your website 'https://example.com'.

Frequently Asked Questions about playwright-accessibility-auditor

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

FAQPage Schema
How do I automate web accessibility testing with Playwright and axe-core?▼

Automate web accessibility testing by running Playwright browser sessions integrated with axe-core to scan rendered pages against WCAG rules, capture visual regression screenshots, and verify keyboard navigation across multiple viewport sizes and color schemes.

Can I test keyboard navigation and focus indicators in a real browser environment?▼

Yes, you can test keyboard navigation and verify focus indicator visibility in real browsers by automating tab sequences and focus state checks, ensuring web applications remain accessible for screen reader users and keyboard-only navigation.

Does this Playwright accessibility testing approach support dark mode and zoom level validation?▼

Playwright accessibility testing supports color scheme variants like light and dark modes, zoom and reflow responsiveness validation at various zoom levels, and reduced motion preference compliance checks for comprehensive multi-viewport coverage.

What is the best way to perform WCAG audits and visual regression testing simultaneously?▼

Perform WCAG audits and visual regression testing simultaneously by running automated axe-core scans during Playwright browser sessions while capturing screenshots, allowing you to detect accessibility violations and visual inconsistencies across viewport sizes in one workflow.

How do I validate form error states for accessibility compliance?▼

Validate form error states for accessibility compliance by automating form submission with invalid inputs in Playwright, then using axe-core to verify that error messages are properly exposed to assistive technologies and meet WCAG validation requirements.

Do I need TypeScript to run axe-core accessibility audits with Playwright?▼

TypeScript is required alongside the Playwright test runner and axe-core Playwright integration to execute automated accessibility audits, providing typed browser automation and WCAG rule scanning capabilities for web applications.

Related Skills

Explore More Software Engineering Skills→
eventua11yeventua11y
1

writing-accessibility-tests

Automate web accessibility tests with axe-core scans and Playwright assertions.

Official
Advanced
telum-aitelum-ai
2

visual-testing

Validate UI components against design tokens and WCAG AA standards.

Official
Advanced
leonanpereirapintoleonanpereirapinto
1

a11y-testing

Automate WCAG accessibility checks with jest-axe and Playwright axe-core.

Community
Advanced
MathiasPaulenkoMathiasPaulenko

WaveXis Accessibility

Automate accessibility audits and WCAG 2.2 compliance checks with axe-core.

Community
Advanced