accessibility-and-inclusive-design

Route UX tasks to appropriate skill modules based on platform context.

14|3|Updated Oct 28, 2025
One-click install
npx skills add https://github.com/tachyon-beep/skillpacks --skill accessibility-and-inclusive-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-and-inclusive-design
Source: https://github.com/tachyon-beep/skillpacks/tree/main/plugins/lyra-ux-designer/skills/using-ux-designer/accessibility-and-inclusive-design.md
Command: npx skills add https://github.com/tachyon-beep/skillpacks --skill accessibility-and-inclusive-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates universally accessible interfaces that work for people of all abilities and contexts, integrating WCAG guidelines into everyday design decisions.

Core Features & Use Cases

  • Evaluates visual, motor, cognitive, and temporal accessibility needs
  • Provides practical patterns for high-contrast, keyboard navigation, and screen-reader compatibility
  • Offers guidance to design teams on inclusive language and accessible components

Quick Start

Load this skill when auditing a design for accessibility and inclusive design; apply WCAG-aligned patterns to improve contrast and navigation.

Frequently Asked Questions about accessibility-and-inclusive-design

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

FAQPage Schema
How do I audit a design for WCAG accessibility compliance?

WCAG accessibility audits evaluate designs against Web Content Accessibility Guidelines standards. Load this Skill to assess visual contrast, keyboard navigation, and screen-reader compatibility across your interface, then apply WCAG-aligned patterns to address gaps in inclusive design.

What accessibility patterns work across web, mobile, desktop, and game platforms?

Universal accessibility patterns apply across platforms by addressing visual, motor, cognitive, and temporal needs consistently. This Skill routes to platform-specific UX modules that provide high-contrast, keyboard-navigation, and accessible-component guidance tailored to web, mobile, desktop, and game contexts.

How do I make interfaces keyboard-navigable and screen-reader compatible?

Keyboard navigation and screen-reader compatibility require deliberate interaction patterns and semantic structure. This Skill provides practical patterns for keyboard-first navigation and accessible components that work with assistive technologies across your platform.

Do I need inclusive design if I already follow WCAG guidelines?

WCAG guidelines address technical accessibility requirements, while inclusive design extends to language, cognitive load, and context-of-use needs for all abilities. This Skill integrates both—WCAG compliance plus inclusive language and component guidance—to create universally accessible interfaces.

What's the best way to evaluate motor, visual, and cognitive accessibility in one review?

Comprehensive accessibility evaluation requires checking all ability categories systematically. This Skill evaluates visual contrast, motor accessibility through keyboard and navigation patterns, cognitive accessibility through design clarity, and temporal accessibility, then routes to task-specific UX modules for detailed guidance.