WCAG 2.1 Accessibility Audit Prompt

When to use this

Use this prompt to audit HTML or React component markup for screen reader accessibility and keyboard navigation compliance.

The template

Audit the provided UI component for WCAG 2.1 Level AA accessibility compliance.

Check points:
1. Ensure interactive elements (`button`, `a`, inputs) possess accessible names (`aria-label`, `aria-labelledby`, or visible text).
2. Validate keyboard focus visibility and focus trapping inside modal dialogs.
3. Verify ARIA roles, states, and properties (`aria-expanded`, `aria-selected`, `aria-hidden`) match semantic usage.
4. Ensure color contrast ratios meet minimum 4.5:1 for body text and 3:1 for large headers.

UI Component Code:
```[jsx/tsx/html]
[PASTE UI COMPONENT HERE]
```

How to use

Paste your JSX/HTML snippet into the template block.