One-click install
npx skills add https://github.com/andrewle9510/design-skill-orchestrator --skill fd-accessibility
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fd-accessibility
Source: https://github.com/andrewle9510/design-skill-orchestrator/tree/main/.opencode/skill/fd-accessibility
Command: npx skills add https://github.com/andrewle9510/design-skill-orchestrator --skill fd-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Accessibility issues can block users with disabilities from using products. This skill provides expert guidance to ensure WCAG 2.1 AA compliance and inclusive patterns across interfaces.

Core Features & Use Cases

  • WCAG compliance auditing and inclusive design guidance for web apps.
  • Supports contrast verification, keyboard navigation, screen reader support, and focus state implementation.
  • Practical patterns and examples for accessible components and interactions.

Quick Start

Use fd-accessibility on your project to audit main navigation, forms, and dialogs for semantic structure, keyboard operability, and visible focus indicators.

Frequently Asked Questions about fd-accessibility

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

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

To audit for WCAG 2.1 AA compliance, review your web interfaces for semantic HTML, proper ARIA usage, color contrast, keyboard navigation, and visible focus indicators. This skill enforces these inclusive patterns during design reviews and component development.

What is the best way to ensure keyboard navigation and focus management work in dialogs?

Ensuring keyboard navigation and focus management requires implementing proper focus indicators and trapping focus within dialogs. This skill provides practical implementation patterns to verify keyboard operability and screen reader support for accessible interactions.

Does this accessibility audit verify color contrast for inclusive design?

Yes, this accessibility audit verifies color contrast to meet inclusive design requirements. It checks your UI against WCAG 2.1 AA standards during component development and design reviews to ensure readability for all users.

How do I check if my HTML structure and ARIA usage meet screen reader requirements?

To check HTML structure and ARIA usage for screen reader requirements, audit your semantic markup and ARIA attributes. This skill enforces semantic HTML and proper ARIA implementation patterns to verify screen reader support.

When do I need to run an accessibility audit on my web interfaces?

You need to run an accessibility audit during design reviews, component development, and UI audits. This ensures your web interfaces maintain WCAG 2.1 AA compliance, proper focus management, and inclusive design patterns before release.

Can I use this to audit main navigation and forms for operability?

Yes, you can use this to audit main navigation and forms for operability. It verifies semantic structure, keyboard navigation, and visible focus indicators to ensure your UI components meet WCAG 2.1 AA accessibility standards.