accessibility-audit

Audit React/HTML components for WCAG 2.1 accessibility issues.

11|Updated Apr 16, 2026

Search Tags:#html #accessibility #a11y #react #auditing #wcag #web-a11y

Ready to run

npx skills add https://github.com/berkcangumusisik/claude-code-practices --skill accessibility-audit-berkcangumusisik

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: accessibility-audit
Source: https://github.com/berkcangumusisik/claude-code-practices/tree/main/skills/accessibility-audit
Command: npx skills add https://github.com/berkcangumusisik/claude-code-practices --skill accessibility-audit-berkcangumusisik

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits React/HTML components for WCAG 2.1 accessibility issues

Core Features & Use Cases

Detect missing alt attributes on images
Ensure inputs have associated labels
Validate color contrast and focus indicators
Check for language attribute on <html> element
Identify non-descriptive link text

Quick Start

Run the audit on your React/HTML project to generate a prioritized list of WCAG 2.1 issues.

Frequently Asked Questions about accessibility-audit

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

FAQPage Schema

How do I audit React components for WCAG 2.1 accessibility issues?▼

To audit React components for WCAG 2.1 accessibility issues, run an audit on your project to generate a prioritized list of Level A and AA problems. It detects missing alt attributes, unassociated input labels, and poor color contrast.

What are the most common WCAG 2.1 Level AA issues in modern frontend projects?▼

Common WCAG 2.1 Level AA issues in frontend projects include missing alt attributes on images, inputs lacking associated labels, invalid color contrast, missing focus indicators, and non-descriptive link text.

How do I check my HTML elements for missing language attributes?▼

To check your HTML elements for missing language attributes, run an accessibility audit targeting your root document structure. The audit identifies missing language attributes on the <html> element and specifies severity levels for remediation.

Does this accessibility audit work for both HTML and React UI elements?▼

Yes, this accessibility audit works for both HTML and React UI elements. It evaluates forms, images, and navigation across modern frontend projects to ensure full WCAG 2.1 Level A and AA compliance.

How do I fix non-descriptive link text for web accessibility compliance?▼

To fix non-descriptive link text for web accessibility compliance, review the audit report identifying vague links. The audit provides example fixes to guide remediation and verify that navigation meets WCAG standards.