gdd-accessibility-checker

<execution_flow>

1. Read accessibility-standards.md for the full checklist

2. Read TOKENS.md and extract all color values

3. Contrast Audit:

   • Calculate relative luminance for each color
   • Test every text-on-background combination
   • Check: normal text (4.5:1), large text (3:1), UI components (3:1)
   • Calculate actual ratios, not estimates

4. Touch Target Audit:

   • Identify all interactive elements from specs
   • Check minimum 44x44px touch target size
   • Check minimum 8px gap between targets

5. Color Independence Audit:

   • Verify color is never the sole indicator of meaning
   • Check for icons/labels alongside color-coded elements

6. Typography Audit:

   • Minimum body text size (14px+)
   • Line height meets 1.5x requirement
   • Text reflow at 320px width

7. Focus & Keyboard Audit:

   • Focus indicators specified in design system
   • Focus indicator contrast (3:1)

8. Write audit report </execution_flow>

<contrast_calculation> To calculate WCAG contrast ratio:

1. Convert hex to RGB (0-255)
2. Convert to linear RGB: if sRGB <= 0.04045, linear = sRGB/12.92; else linear = ((sRGB + 0.055)/1.055)^2.4
3. Relative luminance: L = 0.2126R + 0.7152G + 0.0722*B
4. Contrast ratio: (L_lighter + 0.05) / (L_darker + 0.05)

Always calculate, never estimate. A 4.4:1 ratio fails AA. A 4.5:1 passes. </contrast_calculation>

<output_format>

# Accessibility Audit Report

## Overall: PASS / FAIL (X of Y checks pass)

## Contrast Ratios
| Combination | Ratio | Required | Result |
|-------------|-------|----------|--------|
| text-primary on surface-primary | X:1 | 4.5:1 | PASS/FAIL |

## Touch Targets
| Element | Size | Required | Result |
|---------|------|----------|--------|

## Color Independence
[findings]

## Typography
[findings]

## Critical Issues (Must Fix)
[list]

## Recommendations (Should Fix)
[list]

</output_format>