skills.rest
wredzio
wredzioCOMMUNITY
Explore all skills by this author →
GitHub

accessibility

Identify and remediate WCAG 2.1 AA accessibility issues in web pages.

1|Updated Oct 21, 2025
Search Tags:#accessibility#ARIA#WCAG#keyboard#semantic-html#color-contrast
One-click install
npx skills add https://github.com/wredzio/core2 --skill accessibility-wredzio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/wredzio/core2/tree/main/.claude/skills/accessibility
Command: npx skills add https://github.com/wredzio/core2 --skill accessibility-wredzio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Accessibility is essential for inclusive web experiences; this Skill provides guidance, patterns, and best practices to build WCAG 2.1 AA compliant interfaces, ensuring products are usable by people with disabilities.

Core Features & Use Cases

  • WCAG conformance patterns: semantic HTML, ARIA usage, focus management, and color contrast checks.
  • Practical guidance: step-by-step patterns for dialogs, forms, skip links, keyboard navigation.
  • Use Case: A frontend dev uses this Skill to audit a page for keyboard navigation and ARIA-label correctness.

Quick Start

  • Audit the current page for WCAG 2.1 AA conformance and return a remediation plan with before/after code samples.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I fix WCAG 2.1 AA accessibility issues in my React or Next.js project?▼

To fix WCAG 2.1 AA accessibility issues, audit your React or Next.js project for semantic HTML, ARIA patterns, keyboard navigation, and color contrast, then apply concrete code remediations and before/after examples provided by the Skill.

What is the best way to implement accessible keyboard navigation and ARIA patterns for dynamic content?▼

The best way to implement accessible keyboard navigation and ARIA patterns is by using step-by-step guidance for dialogs, forms, skip links, and dynamic content to ensure proper focus management and semantic structure aligned with WCAG success criteria.

Does this accessibility guidance work for plain HTML websites or only React and Next.js frameworks?▼

This accessibility guidance works for plain HTML websites as well as React and Next.js frameworks, delivering WCAG 2.1 AA remediation patterns for semantic HTML, ARIA usage, focus management, and color contrast checks across all supported project types.

How do I check color contrast and semantic HTML compliance for WCAG 2.1 AA conformance?▼

To check color contrast and semantic HTML compliance for WCAG 2.1 AA conformance, audit your web page against WCAG success criteria and receive a remediation plan with actionable code fixes and before/after examples.

Why does my web form fail keyboard navigation and ARIA-label correctness checks?▼

Your web form fails keyboard navigation and ARIA-label correctness checks when it lacks proper semantic HTML structure, ARIA patterns, and focus management required by WCAG 2.1 AA standards for accessible user interfaces.

Can I get a WCAG 2.1 AA remediation plan with before and after code samples for my web page?▼

You can get a WCAG 2.1 AA remediation plan with before and after code samples by auditing your current web page, which returns concrete fixes for semantic HTML, ARIA usage, forms, and dynamic content accessibility issues.

Related Skills

Explore More Software Engineering Skills→
shawn-sandyshawn-sandy

wcag-compliance-reviewer

Identify WCAG 2.1 AA accessibility violations in HTML/CSS and React/TypeScript code.

Community
Intermediate
Nir-BhayNir-Bhay
19

accessibility-test-axe

Automate web accessibility testing with axe-core and Playwright.

Community
Intermediate
raybargasraybargas

Frontend Accessibility

Enforce frontend accessibility compliance in web UI code.

Community
Basic
Anuj23105Anuj23105
1

accessibility-auditing

Tests web page and UI component accessibility compliance with WCAG 2.1 AA/AAA standards.

Community
Advanced