seo-a11y-analyzer
Analyzes HTML/JSX/TSX files for SEO and accessibility issues including WCAG 2.1 AA compliance, color contrast (4.5:1), heading hierarchy, meta tags, image alt text, and ARIA attributes. Use when checking web pages for SEO, accessibility, WCAG compliance, or when user mentions "a11y", "contrast", "alt text", "meta tags", "heading structure", or "accessibility audit".
npx skills add majiayu000/claude-skill-registry --skill seo-a11y-analyzer-naporin0624-claude-web-audit-plu-2 --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# SEO & Accessibility Analyzer Analyzes HTML/JSX/TSX files for SEO issues and WCAG 2.1 AA compliance. ## Quick Start Copy this workflow checklist and track progress: ``` Analysis Progress: - [ ] Step 1: Read target file - [ ] Step 2: Run quick checks (P0 critical issues) - [ ] Step 3: Run detailed checks (all issues) - [ ] Step 4: Validate with axe-core CLI - [ ] Step 5: Generate report with fixes ``` ## Step 1: Read Target File Read the HTML/JSX/TSX file using the Read tool. Identify file type: - `.html` - Standard HTML - `.jsx` / `.tsx` - React components (check className instead of class) ## Step 2: Quick Checks (P0 Critical Issues) Check these **immediately** - they block compliance: ### 1. Title Tag (WCAG 2.4.2) ```html <!-- Required --> <title>Descriptive Page Title - Site Name</title> ``` - Must exist and be non-empty - Recommended length: 50-60 characters - Should be unique per page ### 2. Meta Description (SEO) ```html <!-- Required --> <meta name="description" content="Concise page description..."> ``` - Must exist - Recommended length: 150-160 characters ### 3. H1 Uniqueness (WCAG 2.4.6) - Exactly **one** `<h1>` per page - Must be descriptive and unique ### 4. Heading Hi
- Quick Start
- Step 1: Read Target File
- Step 2: Quick Checks (P0 Critical Issues)
- 1. Title Tag (WCAG 2.4.2)
- 2. Meta Description (SEO)
- 3. H1 Uniqueness (WCAG 2.4.6)
- 4. Heading Hierarchy
- 5. Image Alt Text (WCAG 1.1.1)
- 6. Color Contrast (WCAG 1.4.3)
- Step 3: Detailed Checks
- SEO Checks
- WCAG Checks
- ARIA Checks
- Step 4: Validate with axe-core CLI
npx @axe-core/cli file.html --tags wcag21aa bash scripts/validate-with-axe.sh path/to/file.html
What does the seo-a11y-analyzer skill do?
Analyzes HTML/JSX/TSX files for SEO and accessibility issues including WCAG 2.1 AA compliance, color contrast (4.5:1), heading hierarchy, meta tags, image alt text, and ARIA attributes. Use when checking web pages for SEO, accessibility, WCAG compliance, or when user mentions "a11y", "contrast", "alt text", "meta tags", "heading structure", or "accessibility audit".
How do I install it?
Run `npx skills add majiayu000/claude-skill-registry --skill seo-a11y-analyzer-naporin0624-claude-web-audit-plu-2 --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From majiayu000/claude-skill-registry, a repository with 534 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.