Accessibility Review

使用场景

• Auditing React/Vue/Angular components for a11y compliance
• Fixing keyboard navigation and focus management
• Adding proper ARIA labels and roles
• Ensuring color contrast meets WCAG AA standards
• Making dynamic content accessible to screen readers

Review this component for accessibility issues (WCAG 2.1 AA).

Check for:
1. Semantic HTML usage (headings, landmarks, lists)
2. Keyboard navigation and focus management
3. ARIA attributes (labels, roles, states)
4. Color contrast (4.5:1 for text, 3:1 for large text)
5. Screen reader announcements for dynamic content
6. Form labels and error messages
7. Image alt text and decorative image handling

For each issue, provide:
- WCAG criterion violated (e.g., 1.1.1 Non-text Content)
- Impact on users (which disability groups affected)
- Fixed code with explanation

Component:
```
[paste component code here]
```

推荐模型

兼容工具

模态

相关 Skills