skills.rest
79yuuki
79yuukiCOMMUNITY
Explore all skills by this author →
GitHub

ui-accessibility-design

Identify accessibility barriers and usability problems through structured design reviews.

1|Updated Mar 6, 2014
Search Tags:#accessibility#screen reader#wcag#design review#ui design#information architecture#ux audit
One-click install
npx skills add https://github.com/79yuuki/dotfiles --skill ui-accessibility-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-accessibility-design
Source: https://github.com/79yuuki/dotfiles/tree/main/claude/skills/ui-accessibility-design
Command: npx skills add https://github.com/79yuuki/dotfiles --skill ui-accessibility-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps teams identify and fix UI design and accessibility issues that create barriers for users, improving usability across different abilities, devices, and contexts.

Core Features & Use Cases

  • Accessibility Audits: Review interfaces against WCAG-oriented principles including contrast, keyboard navigation, screen reader support, forms, and semantic structure.
  • UX Design Reviews: Evaluate information architecture, cognitive load, consistency, error handling, and user flows with actionable improvement recommendations.
  • Use Case: Review a product dashboard or web application to find accessibility gaps, prioritize fixes, and create a practical UI improvement plan.

Quick Start

Ask the ui accessibility design skill to audit my interface for WCAG issues and recommend UX improvements.

Frequently Asked Questions about ui-accessibility-design

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

FAQPage Schema
How do I audit my UI for WCAG compliance and screen reader support?▼

To audit UI for WCAG compliance, evaluate interfaces against criteria like contrast, keyboard navigation, screen reader support, forms, and semantic structure to identify accessibility barriers and recommend actionable UX improvements.

What's the best way to review information architecture and cognitive load in a web application?▼

Reviewing information architecture requires evaluating cognitive load, consistency, error handling, and user flows within your web application to identify usability problems and generate actionable design recommendations.

Can I use an accessibility design review for evaluating forms and error states?▼

Yes, an accessibility design review applies to evaluating forms and error states by identifying usability barriers, checking semantic structure, and verifying WCAG-oriented principles to ensure inclusive user experiences.

How do I prioritize accessibility fixes during a product redesign?▼

Prioritize accessibility fixes during a product redesign by conducting a structured UI audit to identify gaps, evaluate WCAG criteria, and generate a practical improvement plan for your dashboard or web application.

Does this UX audit approach work for navigation systems and complex product dashboards?▼

Yes, this UX audit approach works for navigation systems and product dashboards by analyzing information architecture, evaluating cognitive load, and identifying accessibility barriers to improve overall user flows.

What is included in a WCAG-oriented accessibility checklist for web experiences?▼

A WCAG-oriented accessibility checklist includes evaluating contrast ratios, keyboard navigation, screen reader compatibility, form semantics, and error state handling to ensure inclusive web experiences across different abilities.

Related Skills

Explore More Design & Creative Skills→
rakibulismrakibulism
2

accessibility-review

Audit designs and web pages for WCAG 2.1 AA accessibility issues.

Community
Intermediate
rakibulismrakibulism
2

design-critique

Analyze UI designs and produce structured feedback on usability, hierarchy, consistency, and accessibility.

Community
Intermediate
thec3ukthec3uk

Frontend Accessibility

Guide frontend code to meet accessibility standards like ARIA and keyboard navigation.

Official
Basic
HouseofmvpsHouseofmvps
115

a11y

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

Community
Advanced