accessibility-engineering

Automate accessibility testing and remediation workflows for web applications.

1|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/osocode/code-tools-bootstrap --skill accessibility-engineering
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-engineering
Source: https://github.com/osocode/code-tools-bootstrap/tree/main/skills/generated/claude-code/accessibility-engineering
Command: npx skills add https://github.com/osocode/code-tools-bootstrap --skill accessibility-engineering

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Accessibility engineering provides automated testing and remediation guidance to scale accessibility across modern web applications, reducing manual effort and increasing compliance.

Core Features & Use Cases

  • Automated testing integration with Axe-Core, Jest/Vitest, and Playwright to catch accessibility violations early.
  • CI/CD workflows and audits for pages, components, and stories, with actionable remediation patterns.
  • Focus management and keyboard accessibility patterns for scalable component libraries and modal dialogs.

Quick Start

Set up automated a11y checks in your project by following the patterns described, then run your CI workflow to validate routes, components, and interactive widgets.

Frequently Asked Questions about accessibility-engineering

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

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

Automated accessibility testing integrates axe-core with Jest or Playwright to scan components and routes during CI/CD pipelines. This setup catches WCAG violations early by running audits on pages and stories, providing actionable remediation patterns directly within your build workflow.

What is the best way to test keyboard accessibility and focus management in modal dialogs?

Keyboard accessibility testing validates focus management and focus traps in modal dialogs using automated patterns. It ensures interactive widgets maintain proper keyboard navigation, satisfying WCAG requirements for scalable component libraries without relying solely on manual verification.

Can I use Playwright and Jest to run WCAG audits on a component library?

Yes, Playwright and Jest can run WCAG audits on component libraries by integrating axe-core checks. This combination validates interactive widgets and stories against accessibility standards, generating scalable documentation and actionable remediation strategies for failing components.

How does automated accessibility testing handle WCAG remediation for web applications?

Automated WCAG remediation analyzes axe-core test failures and generates actionable fixes for web applications. It applies remediation strategies across components and routes, reducing manual effort by identifying specific accessibility violations and suggesting scalable code corrections.

Do I need axe-core to set up automated a11y checks for my web application?

Yes, axe-core is required as the underlying engine to set up automated a11y checks. It provides the accessibility rule set that Jest, Vitest, and Playwright integrations use to detect WCAG violations during your CI/CD workflows and component audits.