Excessibility TDD - Build with Inspection

Build Phoenix LiveView features with full visibility into rendered HTML and state.

Core Powers

• html_snapshot(view) - Capture HTML at any point (sprinkle liberally while building)
• axe-core checks - Ensure accessibility (WCAG compliance)
• Timeline analysis - See state evolution across events

The e11y-TDD Cycle

1. EXPLORE   - Add html_snapshot(view) calls to see what's rendered
2. RED       - Write test with snapshot at key moment
3. GREEN     - Implement feature, use snapshots to debug
4. CHECK     - Run `mix excessibility` for axe-core/a11y validation
5. CLEAN     - Remove temporary snapshots, keep essential ones