accessibility-tier-checklist

name	accessibility-tier-checklist
description	Use when shipping a page. Accessibility tier (A, AA, AAA) sets minimum requirements; AA is the legal default in most jurisdictions.

Accessibility Tier Checklist

WCAG AA = minimum for public sites. AAA = aspiration. Test before every ship.

WCAG AA checklist

Pre-ship:

1. Color contrast 4.5:1 body, 3:1 large text
2. All interactive elements keyboard-navigable
3. Focus rings visible on all focusable elements
4. Alt text on all meaningful images
5. Semantic HTML (h1-h6, nav, main, article, section)
6. ARIA labels where needed
7. Form labels associated with inputs
8. Skip-to-content link
9. No keyboard traps
10. Page title descriptive
11. Lang attribute on html
12. Text resizable up to 200% without horizontal scroll

Testing tools

1. Chrome DevTools Lighthouse (accessibility score)
2. axe DevTools (Chrome extension)
3. WAVE (web accessibility evaluation tool)
4. Keyboard-only navigation test (unplug mouse)
5. Screen reader test (VoiceOver on Mac, NVDA on PC)
6. High-contrast mode test

Common AAA additions

1. Color contrast 7:1 body, 4.5:1 large
2. Sign language alternatives for audio
3. Reading level grade 9 or lower
4. No reliance on color alone
5. Mechanical interaction alternatives
6. Status messages without focus change

Where this fits in the X3 empire

Pre-ship checklist for every CardPrepAI page.