accessibility-expert

Identify and remediate accessibility issues in web interfaces.

Updated Dec 5, 2025
One-click install
npx skills add https://github.com/botPhU/project-An-English-speaking-practice-platform-supported-by-AI --skill accessibility-expert-botphu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-expert
Source: https://github.com/botPhU/project-An-English-speaking-practice-platform-supported-by-AI/tree/main/.agent/skills/accessibility-expert
Command: npx skills add https://github.com/botPhU/project-An-English-speaking-practice-platform-supported-by-AI --skill accessibility-expert-botphu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams identify and fix WCAG 2.1/2.2 compliance issues across web interfaces, ensuring accessibility and inclusive design.

Core Features & Use Cases

  • WCAG/ARIA assessment and audit of web pages and components.
  • Keyboard navigation and screen reader compatibility optimization.
  • Automated accessibility testing integration and remediation guidance.
  • Real-world example: For a product signup page, detect missing labels, poor color contrast, and unlabeled icons, and produce actionable fixes.

Quick Start

  • Deploy the Accessibility Expert to scan a sample web page or component library, then review a generated accessibility report.

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 interfaces for WCAG 2.2 compliance?

To audit web interfaces for WCAG compliance, you can scan web pages and component libraries to identify missing labels, poor color contrast, and unlabeled icons, generating an actionable accessibility report.

How do I fix ARIA attributes and semantic HTML for screen reader compatibility?

Fix ARIA attributes and semantic HTML by enforcing correct ARIA usage and accessible focus management, ensuring screen reader compatibility across desktop and mobile UI components.

Does this integrate automated accessibility testing tools like axe-core or Pa11y?

Yes, it integrates with automated accessibility testing tools like axe-core, Pa11y, and Lighthouse, providing remediation guidance directly within your development workflows.

What's the best way to resolve keyboard navigation issues in web applications?

The best way to resolve keyboard navigation issues is by enforcing semantic HTML and proper accessible focus management to ensure full keyboard operability across web applications.

Can I use this to detect accessibility issues on a product signup page?

Yes, you can use it to detect and remediate real-world accessibility issues on a product signup page, such as missing labels and poor color contrast, producing actionable fixes.