Accessibility Checker

Check the following [HTML/React/Vue] code for accessibility according to WCAG 2.1 AA standards.

**Code to check:**
```[FORMAT]
[INSERT CODE HERE]
```

**Systematically check:**
1. **Perceivable:**
   - Alt texts for all images and icons
   - Color contrasts (at least 4.5:1 for text, 3:1 for large text)
   - Text alternatives for non-text content
   - Responsive design and zoom compatibility

2. **Operable:**
   - Complete keyboard navigation (tab order, focus management)
   - Skip links for main content
   - No keyboard traps
   - Sufficient click targets (at least 44x44px)

3. **Understandable:**
   - Clear form labels and error messages
   - Consistent navigation
   - Predictable behavior

4. **Robust:**
   - Correct semantic HTML elements
   - ARIA roles and attributes where needed
   - Screen reader compatibility

**Output:**
For each issue: WCAG criterion, severity, affected code, fix with example.

Replace placeholders in [square brackets]: [HTML/React/Vue][FORMAT][INSERT CODE HERE]