feat(legal): polished UX for 5 legal pages + AGPL external link (sticky TOC, prev/next, breadcrumb)
Refonte visuelle et accessibilité (WCAG 2.2 AA) de la section /legal/
sans toucher au contenu juridique signé (dc4ac97).
Templates :
- templates/legal/index.html : grille 6 cartes (5 internes + AGPL externe)
avec icônes SVG sémantiques, hero gradient, bloc info sous-processeurs,
carte AGPL ↗ (target=_blank, rel=noopener noreferrer).
- templates/legal/_layout.html : breadcrumb sticky, TOC sticky desktop +
collapsible mobile (Alpine.js + IntersectionObserver), prev/next nav
entre les 6 docs, skip link, landmarks (main / aside / nav), typographie
améliorée (h2 avec accent gradient, tables zebrées, blockquotes), print
stylesheet (cache header/breadcrumb/TOC/prev-next).
Routes (src/legal/routes.py) :
- DISPLAY_ORDER + EXTERNAL_LINKS + PAGE_ICONS exposés.
- legal_page() calcule prev/next via _neighbour() helper.
- legal_index() concatène pages internes + EXTERNAL_LINKS dans `pages`.
Footer : lien AGPL déjà présent depuis dc4ac97 (col 4 Compte, ligne 49).
Tests (tests/test_legal_pages.py) : 9 anciens + 9 nouveaux = 18/18 PASS
- AGPL external link (target+rel)
- 5 internes + 1 externe sur l'index
- Skip link présent partout
- Prev/next existe sur chaque page
- Conditions (1ère) sans prev / Mentions (dernière) sans next
- Landmarks aside aria-label="Table des matières"
- Landmark main role + id="main-content"
- Breadcrumb avec aria-current="page"
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
924d127ab4