skills.rest
voidrot
voidrotCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

accessibility

Implement accessible UI components with WCAG 2.2 AA guidance.

Updated Jul 7, 2026
Search Tags:#accessibility#wcag#semantic html#ui design#inclusive#aria roles
One-click install
npx skills add https://github.com/voidrot/agents --skill accessibility-voidrot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/voidrot/agents/tree/main/skills/design/accessibility
Command: npx skills add https://github.com/voidrot/agents --skill accessibility-voidrot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill assists in designing and implementing accessible UI components that adhere to WCAG guidelines, ensuring inclusivity and compliance.

Core Features & Use Cases

  • WCAG Compliance: Integrates guidelines for perceivable, operable, understandable, and robust UI components.
  • Implementation Guidance: Provides step-by-step workflows for accessibility implementation.
  • Component Patterns: Offers examples of accessible web, iOS, and Android components.
  • Use Case: A designer working on a new mobile app uses this Skill to implement ARIA roles and semantic HTML in their UI elements, ensuring they meet accessibility standards.

Quick Start

Run the accessibility skill to review and improve the accessibility of your UI components.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I make my UI components WCAG compliant for web and mobile?▼

WCAG compliance requires using semantic HTML, ARIA roles, and inclusive UI behaviors. This skill provides implementation guidance and component patterns adhering to WCAG 2.2 AA standards for web, iOS, and Android platforms.

What is the best way to use ARIA roles and semantic HTML for accessibility?▼

Using ARIA roles and semantic HTML for accessibility involves structuring UI elements so assistive technologies can interpret them accurately. This skill provides step-by-step workflows and component patterns to correctly apply these attributes across web, iOS, and Android.

Does this accessibility skill support both iOS and Android platforms?▼

Yes, this accessibility skill supports iOS and Android platforms. It offers specific component patterns and platform-specific accessibility attributes for mobile apps, alongside web implementations, ensuring comprehensive inclusive UI behavior across all environments.

How do I implement perceivable and operable UI elements for inclusive design?▼

Implementing perceivable and operable UI elements requires following structured WCAG 2.2 AA guidelines. This skill integrates specific workflows for accessibility implementation, focusing on robust and understandable component behaviors across web and mobile applications.

Do I need prior knowledge of assistive technologies to use this accessibility skill?▼

Yes, you need existing knowledge of platform-specific accessibility attributes and assistive technologies. This skill builds on that foundation by providing targeted implementation guidance and component patterns to ensure your UI meets WCAG standards.

Related Skills

Explore More Design & Creative Skills→
AytsuuAytsuu

accessibility

Apply WCAG 2.2 Level AA standards with semantic ARIA and platform traits.

Community
Intermediate
CrazyDubyaCrazyDubya

accessibility-auditor

Audit web applications for WCAG 2.1 Level AA accessibility compliance.

Community
Intermediate
latelierkiyoselatelierkiyose

accessibility-compliance

Implement WCAG 2.2 compliant interfaces with ARIA and semantic HTML.

Official
Advanced
tom-xstom-xs

a11y-playwright-testing

Automate accessibility testing with Playwright and axe-core for WCAG 2.1 AA compliance.

Community
Advanced