skills.rest
sharondevs
sharondevsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

a11y-auditor

Audit web pages for WCAG 2.1 AA violations using live browser checks.

Updated Apr 9, 2026
Search Tags:#accessibility#a11y#screenshots#wcag#aria#browser-audit
One-click install
npx skills add https://github.com/sharondevs/job-auto-apply --skill a11y-auditor-sharondevs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: a11y-auditor
Source: https://github.com/sharondevs/job-auto-apply/tree/main/server/skills/a11y-auditor
Command: npx skills add https://github.com/sharondevs/job-auto-apply --skill a11y-auditor-sharondevs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify accessibility issues on web pages by performing live checks in a real browser, delivering evidence-backed findings with actionable remediation steps.

Core Features & Use Cases

  • Live browser audits of contrast, font sizes, focus indicators, keyboard navigation, ARIA labels, and semantic HTML against WCAG 2.1 AA.
  • Evidence-based reporting with screenshots and prioritized remediation guidance for developers and designers.
  • Workflow-ready integration for QA and accessibility reviews across single pages, flows, or entire sites.

Quick Start

Install the Hanzi browser extension and MCP server, then run the a11y-auditor skill on the target page to start an automated accessibility audit.

Frequently Asked Questions about a11y-auditor

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

FAQPage Schema
How do I audit web pages for WCAG 2.1 AA violations in a real browser?▼

Run an accessibility audit on live web pages to identify WCAG 2.1 AA violations by analyzing contrast, keyboard navigation, ARIA labels, and semantic HTML. The audit delivers evidence-backed findings with actionable remediation steps.

Do I need a browser automation setup to perform live ARIA and semantic HTML analysis?▼

Yes, live ARIA and semantic HTML analysis requires the hanzi browser automation MCP server and Chrome extension to perform live visual checks and generate screenshot-based reporting for accurate accessibility reviews.

What does an accessibility audit report include for developers and designers?▼

Accessibility audit reports include evidence-based screenshots of identified issues alongside prioritized remediation guidance. This workflow-ready output helps developers and designers fix WCAG 2.1 AA violations efficiently across single pages or flows.

Can I use live browser accessibility audits for full-site QA and remediation sprints?▼

Yes, live browser accessibility audits are designed for full-site QA, accessibility reviews, and remediation sprints. They apply to single pages, multi-step flows, or entire sites to ensure comprehensive WCAG 2.1 AA compliance.

What's the best way to check focus indicators and keyboard navigation for accessibility compliance?▼

The best way to check focus indicators and keyboard navigation is using a real browser accessibility audit. It performs live visual checks against WCAG 2.1 AA standards and provides screenshot-backed evidence for remediation.

Related Skills

Explore More Design & Creative Skills→
hanzilihanzili
175

a11y-auditor

Audit web pages for WCAG 2.1 AA accessibility issues with screenshots and remediation steps.

Community
Advanced
peopleforresterpeopleforrester
3

accessibility-checker

Audit web content for WCAG 2.1 AA accessibility issues and output a prioritized remediation report.

Community
Basic
joe-watkinsjoe-watkins
1

web-standards

Analyze HTML, CSS, and ARIA code for static accessibility issues.

Community
Basic
baasith6baasith6

accessibility-auditing

Audit web pages for accessibility issues using Cursor's built-in browser.

Community
Intermediate