web-ai-accessibility-analysis

Analyze web page accessibility for humans and AI agents against WCAG 2.1 AA.

4|Updated Jan 16, 2019
One-click install
npx skills add https://github.com/four43/dotfiles --skill web-ai-accessibility-analysis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-ai-accessibility-analysis
Source: https://github.com/four43/dotfiles/tree/main/claude/skills/web-ai-accessibility-analysis
Command: npx skills add https://github.com/four43/dotfiles --skill web-ai-accessibility-analysis

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Analyze a web page's accessibility for both human users and AI bots/agents. It fetches the page via two methods (rendered content via WebFetch and raw HTML via curl) and evaluates against WCAG 2.1 AA, semantic HTML practices, and AI-readability. It then produces a graded report with actionable fixes and guidance for teams.

Core Features & Use Cases

  • Dual-fetch accessibility analysis: rendered content and raw HTML for comprehensive checks.
  • WCAG-aligned grading plus AI-readability assessment for LLMs, crawlers, and assistive technologies.
  • Actionable reporting with explicit fixes and examples suitable for product and engineering teams.

Quick Start

Analyze the accessibility of a target URL for both human users and AI agents by running a page audit and generating a structured report.

Frequently Asked Questions about web-ai-accessibility-analysis

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

FAQPage Schema
How do I check my web page accessibility for both human users and AI agents?▼

Check web page accessibility for humans and AI agents by fetching both rendered content and raw HTML, evaluating against WCAG 2.1 AA, semantic HTML practices, and AI-readiness to produce a graded report. This dual-fetch method ensures comprehensive coverage of dynamic and static content.

What is AI-readability assessment in web accessibility analysis?▼

AI-readability assessment evaluates how easily LLMs, crawlers, and assistive technologies can parse a web page by checking its semantic HTML and structured data. It runs alongside WCAG 2.1 AA checks to ensure content is machine-readable and logically structured for automated agents.

How do I audit a website against WCAG 2.1 AA standards?▼

Audit a website against WCAG 2.1 AA standards by fetching the target URL through both rendered content and raw HTML methods. The analysis grades the page against WCAG criteria and outputs a structured report with actionable fixes and examples for product and engineering teams.

Does web accessibility analysis evaluate both rendered content and raw HTML?▼

Yes, web accessibility analysis evaluates both rendered content via a headless browser and raw HTML via curl. This dual-fetch approach identifies issues in dynamically loaded elements and static semantic structure, ensuring comprehensive WCAG 2.1 AA and AI-readiness grading.

What is the best way to generate an accessibility report with actionable fixes for developers?▼

Generate an accessibility report with actionable fixes by running a dual-fetch page audit that grades against WCAG 2.1 AA and AI-readiness rules. It produces a structured report containing explicit fixes and examples tailored for product and engineering teams to implement.

Can I use semantic HTML checks to improve my page for AI crawlers?▼

Yes, you can use semantic HTML checks to improve your page for AI crawlers by analyzing the page's structured data and semantic structure. The analysis evaluates AI-readiness alongside standard accessibility to ensure LLMs and automated agents can parse the content effectively.