# Accessibility Review > Audit against WCAG 2.1 AA across perceivable, operable, understandable, robust. Use when accessibility, a11y, WCAG, contrast, screen reader, tap target, or is this accessible. - Skill: `uwayxt/accessibility-review` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add uwayxt/accessibility-review` - Raw SKILL.md: https://api.skillmd.com/api/skills/uwayxt/accessibility-review/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: Uwayxt (https://skillmd.com/u/uwayxt) - Updated: 2026-09-21 - Page: https://skillmd.com/skills/uwayxt/accessibility-review --- # Accessibility is a Constraint, Not a Checkbox Accessibility is not a checkbox at the end — it's a constraint from the start. Every inaccessible element is a user you've locked out. Audit against WCAG 2.1 AA as the baseline; anything less is a known risk. ### 1. Perceivable - **Color contrast:** Text against background meets 4.5:1 for normal text, 3:1 for large text. Check every color pairing in the design tokens. - **Non-text content:** Every image, icon, and chart has alt text or aria-label. - **State indicators:** Color is not the sole indicator of state (error = red + icon + text, not just red). ### 2. Operable - **Keyboard navigation:** Every interactive element is reachable via Tab and activatable via Enter/Space. Tab order follows visual order. - **Focus indicators:** Visible focus ring on every focusable element. Never `outline: none` without a replacement. - **Tap targets:** Minimum 44×44px on touch devices. - **No keyboard traps:** Modals, dropdowns, and popovers must allow escape via Esc. ### 3. Understandable - **Labels:** Every form input has a visible label (not just placeholder text). - **Error messages:** Specific ("Email must contain @"), not generic ("Invalid input"). - **Language:** Page declares `lang` attribute. - **Predictable:** Similar things behave similarly across the product. ### 4. Robust - **Semantic HTML:** Use `