If you're building interfaces that need to meet WCAG 2.2 Level AA, this gives you the technical implementation details across web, iOS, and Android. It maps semantic HTML and ARIA to SwiftUI accessibility traits and Compose semantics, so you're not constantly context-switching between platform docs. The cross-platform table alone is worth having on hand. It covers the newer 2.2 criteria like 24px minimum target sizes and focus appearance, plus practical stuff like focus trapping in modals and when to use aria-live versus accessibilityLiveRegion. Best for auditing existing code or spec'ing out components when you need to be confident about what actually ships to assistive tech.

skills.sh installs
3.6K
GitHub stars
229.1K
last updated
Jul 14, 2026

Install

$ npx -y skills add affaan-m/everything-claude-code --skill accessibility --agent claude-code

Installs into .claude/skills of the current project.

Files

Accessibility (WCAG 2.2)

This skill ensures that digital interfaces are Perceivable, Operable, Understandable, and Robust (POUR) for all users, including those using screen readers, switch controls, or keyboard navigation. It focuses on the technical implementation of WCAG 2.2 success criteria.

When to Use

  • Defining UI component specifications for Web, iOS, or Android.
  • Auditing existing code for accessibility barriers or compliance gaps.
  • Implementing new WCAG 2.2 standards like Target Size (Minimum) and Focus Appearance.
  • Mapping high-level design requirements to technical attributes (ARIA roles, traits, hints).

Core Concepts

  • POUR Principles: The foundation of WCAG (Perceivable, Operable, Understandable, Robust).
  • Semantic Mapping: Using native elements over generic containers to provide built-in accessibility.
  • Accessibility Tree: The representation of the UI that assistive technologies actually "read."
  • Focus Management: Controlling the order and visibility of the keyboard/screen reader cursor.
  • Labeling & Hints: Providing context through aria-label, accessibilityLabel, and contentDescription.

How It Works

Sponsors

Details

Repository
github.com/affaan-m/everything-claude-code
Category
Design & UI/UX
First seen
May 16, 2026

More from affaan-m/everything-claude-code

All 256
1manavarya09 avatarextract-designmanavarya09/design-extractextract design3.4Kskills.sh installs
2affaan-m avatarmotion-uiaffaan-m/eccProduction-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.2.8Kskills.sh installs
3sickn33 avatarui-ux-pro-maxsickn33/antigravity-awesome-skillsui ux pro max2.8Kskills.sh installs
4nexu-io avatarimpeccable-design-polishnexu-io/open-designFollow-up design polish skill inspired by Impeccable. Use after a web or HTML artifact exists to audit, critique, polish, animate, harden, and prepare the page 2.7Kskills.sh installs
5owl-listener avatarresponsive-designowl-listener/designer-skillsDesign adaptive layouts and interactions that work across all screen sizes and input methods.2.5Kskills.sh installs
6owl-listener avatarmicro-interaction-specowl-listener/designer-skillsSpecify micro-interactions with trigger, rules, feedback, and loop/mode definitions.2.5Kskills.sh installs