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.