setup-accessibility

Name: setup-accessibility
Availability: InStock
Author: redpanda-data

Enforce WCAG 2.1 AA ARIA compliance via Claude Code hooks with Playwright and AXE.

34|4|Updated Apr 20, 2026

Search Tags:#testing #accessibility #Claude Code #wcag #aria

Ready to run

npx skills add https://github.com/redpanda-data/ui-harness --skill setup-accessibility-redpanda-data

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: setup-accessibility
Source: https://github.com/redpanda-data/ui-harness/tree/main/setup-accessibility
Command: npx skills add https://github.com/redpanda-data/ui-harness --skill setup-accessibility-redpanda-data

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

The skill addresses the challenge of ensuring ARIA (Accessible Rich Internet Applications) compliance, critical for websites and applications to be accessible to users with disabilities, particularly focusing on WCAG 2.1 AA standards.

Core Features & Use Cases

PostToolUse Hook Enforcement: Monitors and enforces ARIA standards during various stages of development using Claude Code's hooks.
Playwright AXE Integration: Utilizes Playwright and the AXE accessibility engine to test web accessibility.
Customizable Checks: Users can exclude specific rules or areas from accessibility checks.

Quick Start

Create the scripts/accessibility-check.sh and configure it in .claude/settings.json for ARIA compliance.

Frequently Asked Questions about setup-accessibility

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

FAQPage Schema

How do I automate WCAG 2.1 AA accessibility testing in my development workflow?▼

You can automate WCAG 2.1 AA accessibility testing by integrating Playwright and the AXE engine through Claude Code hooks, which monitors and enforces ARIA standards during development stages.

Can I exclude specific ARIA rules from accessibility checks?▼

Yes, accessibility checks are customizable, allowing you to exclude specific rules or areas from validation to tailor WCAG 2.1 AA compliance testing to your web application's specific requirements.

How do I configure ARIA compliance enforcement using Claude Code hooks?▼

You configure ARIA compliance by creating an accessibility check shell script and registering it as a PostToolUse hook within your Claude Code settings file to enforce WCAG standards automatically.

Does Playwright work with AXE for automated web accessibility testing?▼

Playwright works with the AXE accessibility engine to automate web accessibility testing, validating ARIA compliance and enforcing WCAG 2.1 AA standards across web applications.

What is the best way to enforce WCAG 2.1 AA standards during web development?▼

The best way to enforce WCAG 2.1 AA standards is using PostToolUse hooks to monitor ARIA compliance continuously, integrating Playwright and AXE to automate accessibility checks during development.

When should I not use automated accessibility checks for ARIA compliance?▼

You should review automated accessibility checks when needing to exclude specific rules or areas, as customizable checks allow you to skip certain validations that may not apply to your web application context.