skills.rest
redpanda-data
redpanda-dataOFFICIAL
Explore all skills by this author →
Website𝕏@redpandadataGitHub

setup-accessibility

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
One-click install
npx skills add https://github.com/redpanda-data/ui-harness --skill setup-accessibility-redpanda-data
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
malinskibeniaminmalinskibeniamin
3

setup-accessibility

Configure PostToolUse hooks with Playwright AXE for WCAG 2.1 AA checks.

Community
Intermediate
fugazifugazi
215

a11y-playwright-testing

Automate WCAG 2.1 AA accessibility scans in Playwright tests with axe-core.

Community
Intermediate
elbrunoelbruno
3

playwright-cli

Automate browser interactions and execute web page tests with Playwright.

Community
Advanced
1479089714790897
7

kwp-design-accessibility-review

Audit design assets and web pages for WCAG 2.1 AA compliance gaps.

Community
Intermediate