skills.rest
berkcangumusisik
berkcangumusisikCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/berkcangumusisik/claude-code-practices --skill accessibility-audit-berkcangumusisik
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
IvanWeissVanDerPolIvanWeissVanDerPol
1

regex-patterns

Provide ready-made regex patterns to validate and extract data from text.

Community
Intermediate
Xza85hrfXza85hrf

accessibility-audit

Audit web applications for WCAG 2.1 issues and generate prioritized remediation reports.

Community
Intermediate
ConductionNLConductionNL
1

hydra-gate-nc-input-labels

Detect NcSelect components missing inputLabel or ariaLabelCombobox props in Nextcloud Vue files.

Official
Intermediate
helderbertohelderberto
12

a11y-audit

Audit frontend source files for WCAG violations and report findings by severity.

Community
Intermediate