accessibility-expert

Audit web components for WCAG 2.1 AA compliance and provide ARIA remediation guidance.

1|Updated Jan 20, 2026
One-click install
npx skills add https://github.com/fakhriaditiarahman/Your-Skill-Agent --skill accessibility-expert-fakhriaditiarahman
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-expert
Source: https://github.com/fakhriaditiarahman/Your-Skill-Agent/tree/main/.agent/skills/accessibility-expert
Command: npx skills add https://github.com/fakhriaditiarahman/Your-Skill-Agent --skill accessibility-expert-fakhriaditiarahman

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the critical need for digital inclusivity by ensuring web content and applications are usable by everyone, regardless of ability.

Core Features & Use Cases

  • WCAG Compliance Audits: Expertly checks against WCAG 2.1/2.2 standards.
  • Remediation Guidance: Provides actionable code and ARIA patterns to fix accessibility issues.
  • Assistive Technology Testing: Simulates and advises on compatibility with screen readers, keyboard navigation, and more.
  • Use Case: A development team needs to ensure their new e-commerce checkout flow is fully accessible to users with visual impairments. They would use this Skill to audit the flow, identify barriers, and receive specific instructions on how to implement ARIA attributes and semantic HTML for screen reader compatibility.

Quick Start

Use the accessibility-expert skill to audit the provided component for WCAG 2.1 AA compliance.

Frequently Asked Questions about accessibility-expert

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

FAQPage Schema
How do I audit my web application for WCAG 2.1 AA compliance?

To audit for WCAG compliance, evaluate your web content against WCAG 2.1 and 2.2 standards. This process identifies accessibility barriers in your user interfaces and provides actionable ARIA patterns and semantic HTML remediation guidance to ensure inclusive digital experiences.

What is the best way to fix screen reader compatibility issues in my checkout flow?

The best way to fix screen reader compatibility issues is by implementing semantic HTML and accurate ARIA attributes. This ensures assistive technologies can correctly interpret and navigate your e-commerce checkout flow, removing barriers for visually impaired users.

How does keyboard navigation optimization work for accessible user interfaces?

Keyboard navigation optimization ensures all interactive elements are reachable and operable without a mouse. It relies on proper semantic HTML structure and ARIA attributes to manage focus, guaranteeing users relying on keyboard navigation can fully interact with the application.

Can I use this to get specific code examples for fixing ARIA attributes?

Yes, you can receive actionable code remediation guidance. It provides specific ARIA patterns and semantic HTML instructions tailored to fix identified accessibility barriers, ensuring your components meet the required assistive technology compatibility standards.

When do I need ARIA attributes for inclusive design remediation?

You need ARIA attributes for inclusive design remediation when native semantic HTML does not adequately convey dynamic changes or complex UI relationships to assistive technologies. They bridge accessibility gaps by providing screen readers with the necessary context and state information.

Why does my component fail keyboard navigation despite having ARIA attributes?

Components often fail keyboard navigation when ARIA attributes are misused without a matching semantic HTML foundation or logical focus order. Accessibility remediation requires testing methodologies that ensure ARIA roles align properly with actual keyboard operability.