accessibility-test-axe

Automate web accessibility testing with axe-core and Playwright.

19|5|Updated Nov 23, 2025
One-click install
npx skills add https://github.com/Nir-Bhay/markups --skill accessibility-test-axe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-test-axe
Source: https://github.com/Nir-Bhay/markups/tree/main/.agents/skills/accessibility-test-axe
Command: npx skills add https://github.com/Nir-Bhay/markups --skill accessibility-test-axe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of ensuring web applications meet accessibility standards by providing expert guidance and tools for automated testing with axe-core.

Core Features & Use Cases

  • Automated Audits: Integrates axe-core for WCAG compliance checks.
  • Framework Integration: Provides examples for Playwright, Storybook, and React.
  • CI/CD Ready: Includes a GitHub Actions workflow for automated testing.
  • Use Case: Automatically scan your new web component in a CI pipeline to catch accessibility violations before they reach production.

Quick Start

Use the accessibility-test-axe skill to run an automated accessibility audit on the current page.

Frequently Asked Questions about accessibility-test-axe

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

FAQPage Schema
How do I automate accessibility audits with axe-core in a CI pipeline?

Automate accessibility audits with axe-core by integrating its checks into a GitHub Actions workflow, allowing continuous WCAG compliance monitoring to catch violations before production deployment.

Can I use axe-core for accessibility testing with Playwright?

Yes, axe-core integrates directly with Playwright to scan web pages during automated browser testing, identifying WCAG violations and providing remediation guidance for your web components.

What is the best way to automatically check WCAG compliance for Storybook components?

Automatically check WCAG compliance for Storybook components by integrating axe-core, which scans your React components within Storybook to identify accessibility violations and provide actionable remediation steps.

Does automated accessibility testing with axe-core catch all WCAG violations?

Automated accessibility testing with axe-core catches a significant portion of WCAG violations but has known limitations, meaning it should be combined with manual testing to ensure comprehensive compliance.

How do I get remediation guidance for accessibility violations found during testing?

Get remediation guidance for accessibility violations found during testing directly from the axe-core library output, which identifies issues and provides specific recommendations for fixing non-compliant code.