a11y

Audit live websites against WCAG 2.2 Level AA using Playwright browser automation.

8|1|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/a8cteam51/kosh --skill a11y-a8cteam51
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: a11y
Source: https://github.com/a8cteam51/kosh/tree/main/skills/a11y
Command: npx skills add https://github.com/a8cteam51/kosh --skill a11y-a8cteam51

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you identify accessibility barriers on a live website so keyboard and assistive-technology users can navigate, read, and interact without friction.

Core Features & Use Cases

  • Live Playwright accessibility testing: Use Playwright MCP to inspect the accessibility tree on real pages and validate semantic structure.
  • WCAG 2.2 Level AA checks across pages: Verify heading hierarchy, landmarks, images/alt text, form label relationships, ARIA attributes, and focus behavior.
  • Keyboard-focused verification: Exercise Tab, Enter, and Escape to ensure interactive elements are reachable and modals/menus behave correctly.
  • Color contrast assessment: Extract computed color information and flag text and UI elements that fail WCAG contrast thresholds, including transparent background resolution.
  • Structured reporting: Produce a JSON accessibility report and optionally generate a rendered HTML summary for quick triage.

Quick Start

Run the a11y skill against your target URL to produce a WCAG 2.2 Level AA accessibility JSON report with multi-page coverage.

Frequently Asked Questions about a11y

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

FAQPage Schema
How do I run WCAG 2.2 accessibility testing against a live website?

To run WCAG 2.2 accessibility testing, provide a live website URL and the tool uses Playwright browser automation to validate heading structure, ARIA semantics, and keyboard navigation across multiple pages.

Can I check color contrast ratios for WCAG Level AA compliance?

Yes, you can check color contrast ratios for WCAG compliance. The tool extracts computed color information and flags text failing Level AA thresholds, including resolving transparent-background compositing issues.

How does keyboard navigation testing work for screen reader accessibility?

Keyboard navigation testing works by simulating Tab, Enter, and Escape key presses to verify interactive elements are reachable, focus is visible, and modals or menus behave correctly for screen reader accessibility.

What is the best way to validate ARIA semantics and form labels on a web page?

The best way to validate ARIA semantics and form labels is by evaluating the DOM and inspecting the accessibility tree on real pages to verify label associations and correct ARIA attribute usage.

Do I need Playwright to test multi-page functional accessibility barriers?

Yes, Playwright is required. The tool relies on Playwright MCP browser automation to capture browser snapshots, execute DOM evaluations, and perform multi-page functional accessibility validation.

How do I generate an HTML summary report from an accessibility audit?

To generate an HTML summary report from an accessibility audit, the tool processes the structured JSON accessibility report and optionally renders it into an HTML format for quick triage of identified barriers.