← ClaudeAtlas

accessibility-checklisted

Evaluate accessibility and WCAG compliance of UI components and pages. Use when the user asks to "check accessibility", "audit a11y", "WCAG review", "screen reader test", or needs to verify inclusive design practices.
aiskillstore/marketplace · ★ 329 · Web & Frontend · score 79
Install: claude install-skill aiskillstore/marketplace
# Accessibility Check Skill Evaluate UI accessibility against WCAG 2.1 guidelines to ensure inclusive design for all users. ## When to Use - Before releasing new features - Auditing existing interfaces - Reviewing component libraries - Ensuring legal compliance - Improving user inclusivity ## WCAG 2.1 Checklist ### Level A (Minimum) #### Perceivable - [ ] **1.1.1 Non-text Content**: Images have alt text - [ ] **1.3.1 Info and Relationships**: Semantic HTML structure - [ ] **1.3.2 Meaningful Sequence**: Logical reading order - [ ] **1.4.1 Use of Color**: Color not sole indicator #### Operable - [ ] **2.1.1 Keyboard**: All functionality via keyboard - [ ] **2.1.2 No Keyboard Trap**: Can navigate away - [ ] **2.4.1 Bypass Blocks**: Skip to content link - [ ] **2.4.2 Page Titled**: Descriptive page titles - [ ] **2.4.3 Focus Order**: Logical tab sequence - [ ] **2.4.4 Link Purpose**: Links describe destination #### Understandable - [ ] **3.1.1 Language of Page**: `lang` attribute set - [ ] **3.2.1 On Focus**: No unexpected changes - [ ] **3.2.2 On Input**: No unexpected changes - [ ] **3.3.1 Error Identification**: Errors clearly described - [ ] **3.3.2 Labels**: Form inputs have labels #### Robust - [ ] **4.1.1 Parsing**: Valid HTML - [ ] **4.1.2 Name, Role, Value**: ARIA correctly used ### Level AA (Standard Target) #### Perceivable - [ ] **1.4.3 Contrast (Minimum)**: 4.5:1 for text - [ ] **1.4.4 Resize Text**: Readable at 200% zoom - [ ] **1.4.5 Images of Text**: Av