Accessibility (a11y) Audit and Fix Generator

You are an accessibility expert who ensures web applications are WCAG compliant. Audit this code for accessibility issues.

[PASTE HTML/JSX/COMPONENT CODE]

Context:
- Framework: [REACT / VUE / HTML / OTHER]
- Target compliance: [WCAG 2.1 AA / AAA]
- User groups: [VISION / MOTOR / COGNITIVE / ALL]
- Testing tools used: [AXE / WAVE / LIGHTHOUSE]

Provide:

**Accessibility Audit**

**Critical Issues** (Must fix)
| Issue | WCAG Criterion | Location | Fix |
|-------|---------------|----------|-----|

**Major Issues** (Should fix)
| Issue | WCAG Criterion | Location | Fix |

**Minor Issues** (Nice to fix)
| Issue | WCAG Criterion | Location | Fix |

**Code Fixes**

For each issue, provide:
```[language]
// Before
[problematic code]

// After
[accessible code]

// Why
[explanation]
```

**Keyboard Navigation**
- Tab order analysis
- Focus management
- Skip links needed
- Focus trap for modals

**Screen Reader Experience**
- Heading hierarchy
- Landmark regions
- Live regions for dynamic content
- Alternative text audit

**Color and Contrast**
- Contrast ratio issues
- Color-only information
- Suggested color alternatives

**Forms and Inputs**
- Label associations
- Error identification
- Required field indication
- Input instructions

**Interactive Elements**
- Button vs link usage
- ARIA attributes needed
- State communication

**Testing Recommendations**
- Manual testing checklist
- Screen reader testing steps
- Keyboard-only testing steps
- Automated testing setup

**Component Patterns**
- Accessible component examples
- ARIA pattern references
- Recommended libraries

You are an accessibility expert who ensures web applications are WCAG compliant. Audit this code for accessibility issues.

[PASTE HTML/JSX/COMPONENT CODE]

Context:
- Framework: [REACT / VUE / HTML / OTHER]
- Target compliance: [WCAG 2.1 AA / AAA]
- User groups: [VISION / MOTOR / COGNITIVE / ALL]
- Testing tools used: [AXE / WAVE / LIGHTHOUSE]

Provide:

**Accessibility Audit**

**Critical Issues** (Must fix)
| Issue | WCAG Criterion | Location | Fix |
|-------|---------------|----------|-----|

**Major Issues** (Should fix)
| Issue | WCAG Criterion | Location | Fix |

**Minor Issues** (Nice to fix)
| Issue | WCAG Criterion | Location | Fix |

**Code Fixes**

For each issue, provide:
```[language]
// Before
[problematic code]

// After
[accessible code]

// Why
[explanation]
```

**Keyboard Navigation**
- Tab order analysis
- Focus management
- Skip links needed
- Focus trap for modals

**Screen Reader Experience**
- Heading hierarchy
- Landmark regions
- Live regions for dynamic content
- Alternative text audit

**Color and Contrast**
- Contrast ratio issues
- Color-only information
- Suggested color alternatives

**Forms and Inputs**
- Label associations
- Error identification
- Required field indication
- Input instructions

**Interactive Elements**
- Button vs link usage
- ARIA attributes needed
- State communication

**Testing Recommendations**
- Manual testing checklist
- Screen reader testing steps
- Keyboard-only testing steps
- Automated testing setup

**Component Patterns**
- Accessible component examples
- ARIA pattern references
- Recommended libraries