skills.rest
duynhne
duynhneCOMMUNITY
Explore all skills by this author →
GitHub

accessibility-expert

Audit web interfaces for WCAG/ARIA issues and generate remediation recommendations.

Updated Oct 17, 2025
Search Tags:#accessibility#a11y#ARIA#WCAG#usability#screen-reader#keyboard-navigation
One-click install
npx skills add https://github.com/duynhne/monitoring --skill accessibility-expert-duynhne
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-expert
Source: https://github.com/duynhne/monitoring/tree/main/.agent/skills/accessibility-expert
Command: npx skills add https://github.com/duynhne/monitoring --skill accessibility-expert-duynhne

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill makes web accessibility compliance actionable by guiding teams to implement WCAG 2.1/2.2 and ARIA best practices, reducing accessibility gaps early in development.

Core Features & Use Cases

  • WCAG & ARIA guidance: Provides structured recommendations and checks for WCAG 2.1/2.2 adherence across frontend code.
  • Automated strategy and testing checks: Includes environment detection scripts to verify availability of axe-core/pa11y tools and screen-reader testing readiness.
  • Implementation coaching: Offers step-by-step remediation playbooks and keyboard navigation improvements.
  • Use Case: A product team audits a new React app and receives a prioritized remediation list with accessibility-by-default patterns.

Quick Start

Run an accessibility audit on a given web page and obtain a prioritized remediation plan.

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 app for WCAG and ARIA compliance issues?▼

To audit web app accessibility, this Skill analyzes frontend components and pages to surface WCAG and ARIA gaps, generating a prioritized remediation plan. It leverages automated tools like axe-core and Pa11y to systematically detect usability barriers.

What is the best way to fix keyboard navigation issues in a React application?▼

Fixing keyboard navigation requires structured remediation playbooks that target focus management and ARIA roles. This Skill provides step-by-step implementation coaching to resolve keyboard traps and ensure screen-reader compatibility across your React components.

Does this accessibility audit work with axe-core and Pa11y testing environments?▼

Yes, this accessibility audit works with axe-core and Pa11y by detecting environment readiness before running checks. It validates tool availability to ensure automated testing strategies execute properly against your frontend web interfaces.

Can I use this to check WCAG 2.1 and 2.2 adherence during frontend development?▼

Yes, you can use this to check WCAG 2.1 and 2.2 adherence during frontend development. It integrates into design and testing workflows to provide structured recommendations and enforce accessibility-by-default patterns across new components.

Why does my screen-reader testing fail to catch dynamic ARIA updates?▼

Screen-reader testing fails to catch dynamic ARIA updates when live regions or roles are implemented incorrectly. This Skill identifies these specific ARIA gaps and generates targeted remediation recommendations to restore screen-reader accessibility.

What are the limitations of automated accessibility testing for web interfaces?▼

Automated accessibility testing limitations include missing contextual keyboard navigation flows and complex screen-reader interactions. This Skill mitigates limitations by combining automated axe-core checks with structured manual remediation playbooks for comprehensive WCAG coverage.

Related Skills

Explore More Software Engineering Skills→
VoTruongDanhVoTruongDanh

accessibility-expert

Analyze websites for WCAG compliance, ARIA roles, and keyboard navigation issues.

Community
Advanced
AZANIRAZANIR
2

qa-accessibility-test-writer

Generate automated WCAG 2.2 accessibility tests using axe-core, Pa11y, Lighthouse, Playwright, Cypress, and Jest.

Community
Intermediate
bacchus-labsbacchus-labs
4

accessibility-verification

Verify UI component accessibility with axe-core, keyboard navigation, screen readers, and Lighthouse.

Official
Advanced
sharondevssharondevs

a11y-auditor

Audit web pages for WCAG 2.1 AA violations using live browser checks.

Community
Advanced