accessibility

name	accessibility
license	MIT
compatibility	Claude Code 2.1.220+.
description	Accessibility patterns for WCAG 2.2 compliance, keyboard focus management, React Aria component patterns, cognitive inclusion, native HTML-first philosophy, and user preference honoring. Use when implementing screen reader support, keyboard navigation, ARIA patterns, focus traps, accessible component libraries, reduced motion, or cognitive accessibility.
tags	["accessibility","a11y","wcag","focus-management","react-aria","keyboard-navigation","screen-reader","aria"]
context	fork
agent	accessibility-specialist
version	2.1.0
author	OrchestKit
user-invocable	false
disable-model-invocation	true
complexity	medium
persuasion-type	reference
metadata	{"category":"document-asset-creation"}
allowed-tools	["Read","Glob","Grep","WebFetch","WebSearch"]

Accessibility

Comprehensive patterns for building accessible web applications: WCAG 2.2 AA compliance, keyboard focus management, React Aria component patterns, native HTML-first philosophy, cognitive inclusion, and user preference honoring. Each category has individual rule files in rules/ loaded on-demand.

Quick Reference

Category	Rules	Impact	When to Use
WCAG Compliance	3	CRITICAL	Color contrast, semantic HTML, automated testing
POUR Exit Criteria	1	CRITICAL	Falsifiable pass/fail thresholds for each WCAG 2.2 AA criterion
Static Anti-Patterns	1	HIGH	Grep-able patterns detectable without a browser
Focus Management	1	HIGH	Keyboard navigation; trap/restoration mechanics live upstream
React Aria	2	HIGH	Accessible components and form hooks; overlay APIs live upstream
Modern Web Accessibility	2	CRITICAL/HIGH	Native HTML first, user preferences; cognitive ceilings in references/ork-delta.md

Total: 10 rules across 6 categories

Quick Start

// Semantic HTML with ARIA
<main>
  <article>
    <header><h1>Page Title</h1></header>
    <section aria-labelledby="features-heading">
      <h2 id="features-heading">Features
    
  
</main>