Accessibility Design

Design inclusive interfaces that work for people with diverse abilities, meeting accessibility standards and real user needs. Use when creating or auditing designs for keyboard use, screen readers, contrast, motion sensitivity, and inclusive patterns.

itsual Updated

File contents

Accessibility Design

Overview

Accessibility is part of good design, not a compliance afterthought. Inclusive design improves usability for everyone while ensuring people with disabilities can use the product.

When to Use

  • Designing new components or flows
  • Auditing existing UI for accessibility gaps
  • Preparing designs for engineering handoff with a11y requirements
  • Responding to accessibility feedback or legal requirements

Core Concerns

  • Keyboard operability and focus order
  • Screen reader structure (headings, labels, roles)
  • Color contrast and non-color cues
  • Touch target size and spacing
  • Motion and animation preferences
  • Forms, errors, and instructions
  • Alternative text and media alternatives

Principles

  • Design semantic structure, not only visual appearance
  • Meet WCAG baselines; exceed them where impact is high
  • Include people with disabilities in research when possible
  • Document accessibility intent in handoff artifacts
  • Treat accessibility bugs as product defects

Verification

  • Critical flows are operable by keyboard alone
  • Contrast and text alternatives meet standards
  • Accessibility requirements are explicit in handoff

itsual/agent-skills-collection/tree/main/skills/design-ux/accessibility-design commit a3480784f8

Frequently asked questions

npx skillmds@latest add itsual/accessibility-design