Accessibility Review

intermediatetestingMin 32K context

Reviews web interfaces for WCAG 2.1 AA compliance. Identifies accessibility barriers including missing ARIA attributes, keyboard navigation issues, color contrast problems, and screen reader incompatibilities. Provides remediation code with proper semantic HTML.

accessibilitywcaga11yariascreen-readerinclusive-design

Use Cases

  • 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

Example Prompt

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]
```

Recommended Models

claude-opus-4-6gpt-5gemini-2-5-pro

Compatible Tools

claude-codecursorgithub-copilotkiroany

Modalities

Input: code, text, image
→
Output: text, code

Related Skills

code-reviewdocumentation-generator

Author

OpenModels Community

@openmodelsrun