Type : accessibilité / UX · Priorité : moyenne
Provenance : maquette front + lecture source. Phase 6 / front pur.
Constat (vérifié au source)
Les actions compactes (boutons ghost de components/feed_item.html : like/comment/share, onglets, items de dropdown) sont sous la cible tactile recommandée (~44 px). Le <meta name="viewport"> (base.html:15) est width=device-width, initial-scale=1.0 — sans viewport-fit=cover — et rien ne gère les encoches (safe-area-inset) sur les barres collantes.
Attendu
- Zone tactile ≥ 44 px sur boutons d'action, onglets, items de menu.
env(safe-area-inset-*) sur header collant, footer, et toute barre d'action en bas.- Ajouter
viewport-fit=cover au meta viewport.
Fait quand
Les actions du feed et la navigation sont confortablement cliquables au pouce ; rien n'est masqué par l'encoche sur un appareil à notch.
Vérifié sur main (2026-07-07) : components/feed_item.html existe ; viewport sans viewport-fit=cover (base.html:15).
Type : accessibilité / UX · Priorité : moyenne
Provenance : maquette front + lecture source. Phase 6 / front pur.
Constat (vérifié au source)
Les actions compactes (boutons ghost de
components/feed_item.html: like/comment/share, onglets, items de dropdown) sont sous la cible tactile recommandée (~44 px). Le<meta name="viewport">(base.html:15) estwidth=device-width, initial-scale=1.0— sansviewport-fit=cover— et rien ne gère les encoches (safe-area-inset) sur les barres collantes.Attendu
env(safe-area-inset-*)sur header collant, footer, et toute barre d'action en bas.viewport-fit=coverau meta viewport.Fait quand
Les actions du feed et la navigation sont confortablement cliquables au pouce ; rien n'est masqué par l'encoche sur un appareil à notch.
Vérifié sur
main(2026-07-07) :components/feed_item.htmlexiste ; viewport sansviewport-fit=cover(base.html:15).