skills.rest
bennypowers
bennypowersCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

a11y-review

Identify accessibility issues in custom elements with ARIA and slot validation.

46|4|Updated May 27, 2025
Search Tags:#accessibility#a11y#validation#reporting#web-components#custom-elements#aria
One-click install
npx skills add https://github.com/bennypowers/cem --skill a11y-review-bennypowers
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: a11y-review
Source: https://github.com/bennypowers/cem/tree/main/extensions/claude-code/skills/a11y-review
Command: npx skills add https://github.com/bennypowers/cem --skill a11y-review-bennypowers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review HTML that uses custom elements for accessibility compliance.

Core Features & Use Cases

  • Manifest-driven accessibility analysis for custom elements, including ARIA correctness and implicit roles.
  • Slot and content validation to ensure proper labeling and keyboard navigation.
  • Remediation guidance with concrete HTML corrections and examples.

Quick Start

Provide the HTML snippet or file path to review, and I will run the accessibility audit against your custom elements.

Frequently Asked Questions about a11y-review

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

FAQPage Schema
How do I check custom elements for accessibility issues?▼

You can validate ARIA correctness on custom elements by running a manifest-driven accessibility analysis that checks implicit roles, slot content, and keyboard navigation patterns, then provides concrete HTML remediation guidance.

What is manifest-driven accessibility analysis for web components?▼

Manifest-driven accessibility analysis validates ARIA correctness and implicit roles in custom elements by leveraging a component manifest, ensuring that web components meet WCAG-aligned screen-reader-friendly patterns.

Does this accessibility validation tool work with HTML pages and component libraries?▼

Yes, this accessibility validation applies to HTML pages and component libraries that use custom elements, checking slot content, ARIA correctness, and keyboard navigation to ensure screen-reader-friendly patterns.

How do I validate slots and content labeling in custom elements?▼

You validate slots and content labeling in custom elements by running an accessibility audit that performs slot and content validation, ensuring proper labeling and keyboard navigation while providing concrete remediation examples.

Can I get remediation guidance for ARIA errors in web components?▼

Yes, the accessibility audit provides remediation guidance for ARIA errors in web components by offering concrete HTML corrections and examples to fix identified accessibility issues in custom elements.

Related Skills

Explore More Software Engineering Skills→
speplinskispeplinski

audit-accessibility

Analyze labeled user complaint clusters to generate WCAG-aligned accessibility findings.

Community
Advanced
SAPSAP
294

a11y-audit

Audit UI components for WCAG AA accessibility compliance.

Official
Advanced
doanchienthangdevdoanchienthangdev
4

implementing-accessibility

Implement WCAG 2.1 AA compliant React interfaces with ARIA and keyboard navigation.

Community
Intermediate
ProfPowellProfPowell
4

custom-elements

Define custom HTML elements and generate custom-elements.json documentation.

Community
Intermediate