skills.rest
arcasilesgroup
arcasilesgroupOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ai-accessibility

Review frontend code for WCAG 2.1 AA compliance with severity-tagged remediation.

54|3|Updated Feb 4, 2026
Search Tags:#accessibility#a11y#keyboard navigation#frontend#compliance#wcag#aria
One-click install
npx skills add https://github.com/arcasilesgroup/ai-engineering --skill ai-accessibility
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ai-accessibility
Source: https://github.com/arcasilesgroup/ai-engineering/tree/main/.claude/skills/ai-accessibility
Command: npx skills add https://github.com/arcasilesgroup/ai-engineering --skill ai-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the critical need to make digital interfaces accessible to everyone, regardless of ability, by auditing frontend code against established accessibility standards.

Core Features & Use Cases

  • WCAG 2.1 AA Compliance Audit: Reviews semantic HTML, ARIA patterns, keyboard navigation, color contrast, and screen reader support.
  • Actionable Findings: Provides severity-tagged remediation suggestions with code examples.
  • Use Case: Before launching a new user-facing feature, run this Skill to identify and fix any accessibility barriers, ensuring a compliant and inclusive user experience.

Quick Start

Run an accessibility review on the current project's frontend code.

Frequently Asked Questions about ai-accessibility

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

FAQPage Schema
How do I check my frontend code for WCAG 2.1 AA compliance?▼

To check frontend code for WCAG 2.1 AA compliance, review semantic HTML, ARIA patterns, keyboard navigation, and color contrast to identify accessibility barriers and generate severity-tagged remediation suggestions.

How do I audit React components for screen reader support and ARIA patterns?▼

Auditing React components for screen reader support involves analyzing framework-specific ARIA patterns and semantic HTML structures to identify accessibility issues and provide actionable remediation with code examples.

Does this accessibility review tool work with React Native and Astro?▼

Yes, this accessibility review tool works with React Native and Astro by analyzing framework-specific patterns to evaluate semantic structure, keyboard navigation, and screen reader support for WCAG 2.1 AA compliance.

What is the best way to fix keyboard navigation issues in frontend web applications?▼

The best way to fix keyboard navigation issues is to audit frontend code for WCAG 2.1 AA compliance, which identifies barriers and provides severity-tagged remediation suggestions with specific code examples.

When do I need to run an accessibility audit before launching a new feature?▼

You need to run an accessibility audit before launching any new user-facing feature to identify and resolve accessibility barriers, ensuring a compliant and inclusive user experience for all users.

What do I need to provide to get actionable WCAG remediation suggestions?▼

To get actionable WCAG remediation suggestions, you need to provide your frontend source code for analysis, which will be reviewed against semantic HTML, ARIA, and keyboard navigation standards to yield a compliance status.

Related Skills

Explore More Software Engineering Skills→
adrien-barretadrien-barret
8

accessibility-audit

Audit frontend code for WCAG 2.1 AA accessibility issues.

Community
Intermediate
arcasilesgrouparcasilesgroup
54

accessibility

Review frontend code for WCAG 2.1 AA compliance and report actionable findings.

Official
Advanced
ravnhqravnhq
16

design-accessibility

Audit frontend projects for WCAG and ARIA compliance.

Official
Basic
Gaku52Gaku52
6

web-accessibility

Implement WCAG-compliant accessibility with semantic HTML, ARIA, and testing workflows.

Community
Basic