skills.rest
kleon6436
kleon6436COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-accessibility

Enforce cross-platform UI accessibility compliance for digital interfaces.

Updated Apr 13, 2026
Search Tags:#a11y#wcag#contrast#keyboard#screen-reader#ui-accessibility#touch-target
One-click install
npx skills add https://github.com/kleon6436/GitHubCopilotSettings --skill ui-accessibility-kleon6436
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-accessibility
Source: https://github.com/kleon6436/GitHubCopilotSettings/tree/main/skills/ui-accessibility
Command: npx skills add https://github.com/kleon6436/GitHubCopilotSettings --skill ui-accessibility-kleon6436

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide provides a comprehensive, cross-platform set of UI accessibility principles to help teams ensure WCAG 2.2 AA compliance, proper contrast, focus order, screen reader compatibility, and keyboard navigation across web, iOS, Android, macOS, and Windows.

Core Features & Use Cases

  • POUR-based evaluation framework for perceivable, operable, understandable, and robust interfaces across platforms.
  • Guidelines for contrast, touch targets, focus indicators, screen reader labeling, motion reduction, and accessible forms and media.
  • Use during design reviews and accessibility audits to guide implementation and verification in real-world products.

Quick Start

Apply these guidelines during design reviews and development to ensure accessible, inclusive UI across platforms.

Frequently Asked Questions about ui-accessibility

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

FAQPage Schema
How do I ensure my UI meets WCAG 2.2 AA contrast and keyboard navigation requirements?▼

To ensure WCAG 2.2 AA compliance, evaluate your UI against POUR principles, verify contrast ratios, and test keyboard navigability. This Skill provides cross-platform guidelines to enforce these accessibility standards during design reviews and development.

What is the POUR framework for evaluating cross-platform UI accessibility?▼

The POUR framework evaluates UI accessibility by ensuring interfaces are Perceivable, Operable, Understandable, and Robust. It guides cross-platform compliance for web, iOS, Android, macOS, and Windows, covering screen reader support and motion reduction.

How do I check touch targets and focus indicators for iOS and Android accessibility?▼

To check touch targets and focus indicators for iOS and Android, apply cross-platform UI accessibility guidelines during implementation. This Skill enforces proper sizing and visible focus states to ensure operability for all users.

Can I use these accessibility guidelines for web, macOS, and Windows design reviews?▼

Yes, you can use these guidelines for web, macOS, and Windows design reviews. The Skill enforces cross-platform UI accessibility compliance, ensuring proper contrast, screen reader labeling, and keyboard navigation across all specified platforms.

Does this Skill cover screen reader compatibility and accessible form implementation?▼

Yes, this Skill covers screen reader compatibility and accessible form implementation. It provides specific references for accessible naming, form accessibility, and motion reduction to ensure robust interfaces across mobile and desktop platforms.

What is the best way to audit UI accessibility for motion reduction and screen reader support?▼

The best way to audit UI accessibility is to apply a POUR-based evaluation framework during design reviews. This Skill helps verify motion reduction settings, screen reader labeling, and contrast ratios to meet WCAG 2.2 AA standards.

Related Skills

Explore More Design & Creative Skills→
0xRayAI0xRayAI

frontend-ui-ux-engineer

Apply UI/UX design principles and WCAG 2.1 AA accessibility guidelines to web interfaces.

Official
Intermediate
SensLiaoSensLiao

qa-a11y-compliance

Scan web applications for WCAG 2.2 AA accessibility compliance.

Community
Advanced
curiositechcuriositech
181

design-accessibility-auditor

Audit designs and UI components for WCAG 2.1 compliance with specific fixes.

Official
Advanced
HouseofmvpsHouseofmvps
115

a11y

Detect and fix deterministic WCAG 2.2 A/AA accessibility violations in HTML files.

Community
Advanced