seo-a11y-analyzer

Analyze HTML, JSX, and TSX files for SEO and accessibility issues.

3|1|Updated Dec 23, 2025

Search Tags:#a11y #wcag #contrast #seo #heading

Ready to run

npx skills add https://github.com/naporin0624/claude-web-audit-plugins --skill seo-a11y-analyzer

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: seo-a11y-analyzer
Source: https://github.com/naporin0624/claude-web-audit-plugins/tree/main/skills/seo-a11y-analyzer
Command: npx skills add https://github.com/naporin0624/claude-web-audit-plugins --skill seo-a11y-analyzer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires cheerio.

What problem does it solve?

This Skill analyzes HTML/JSX/TSX for both SEO and accessibility concerns.

Core Features & Use Cases

Static SEO checks and accessibility metrics.
Optional keyword insights from content.

Quick Start

Example: npx tsx ${CLAUDE_PLUGIN_ROOT}/skills/seo-a11y-analyzer/src/index.ts path/to/file.html

Frequently Asked Questions about seo-a11y-analyzer

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

FAQPage Schema

How do I check HTML files for accessibility and SEO issues?▼

Use this Skill to analyze HTML, JSX, or TSX files for accessibility and SEO problems. It evaluates title tags, meta descriptions, heading hierarchy, image alt text, ARIA attributes, color contrast, and WCAG 2.1 AA conformance, then outputs a structured report with remediation guidance.

Can I use this tool to audit React components for accessibility?▼

Yes. The Skill analyzes JSX and TSX files alongside static HTML, checking React components for the same accessibility standards: heading structure, alt text, ARIA attributes, and color contrast compliance.

What WCAG standards does this analyzer check?▼

The Skill validates WCAG 2.1 AA conformance, including heading hierarchy, image alt text, ARIA attributes, and color contrast ratios, outputting structured results for integration into automated quality workflows.

How do I run this analyzer on my web pages?▼

Execute the Skill with npx tsx pointing to your HTML, JSX, or TSX file. It processes the file, checks against SEO and accessibility rules, and generates a detailed report with actionable remediation steps.

Does this tool work for static HTML pages and components?▼

Yes. The Skill applies to both static HTML pages and React components, performing the same rule-based checks across file types and reporting accessibility and SEO gaps consistently.

What's the difference between running SEO checks and accessibility checks?▼

SEO checks focus on title tags, meta descriptions, and keyword visibility; accessibility checks evaluate heading structure, alt text, contrast, and WCAG 2.1 AA compliance. This Skill runs both simultaneously and reports findings together.