[UX] Icônes : étendre le système SVG trait à tout le site, sortir les emoji de l'interface #59

Open
opened 2026-10-28 23:28:40 -04:00 by bruno · 0 comments
Owner

Constat (audit visuel, v0.41.0)

La barre latérale est passée aux SVG trait en 0.41.0 (#54), mais le reste du site est resté aux emoji : cartes kanban (📌 épingler, 🌿 branches), pages (🌅 Aujourd'hui, 🎉 états vides), tableaux et formulaires — 29 occurrences relevées dans les gabarits. Le contraste est flagrant : navigation professionnelle d'un côté, interface ludique de l'autre, et les emoji rendent différemment selon la plateforme (couleur, taille, accessibilité lecteur d'écran).

Travail attendu

  • Étendre la macro d'icônes de _header.html (ou un partial partagé) à _card.html, board.html, dashboard.html, today.html, focus.html, my.html et aux états vides.
  • Remplacer les emoji d'interface par des SVG trait monochromes ; garder les emoji uniquement là où l'utilisateur les a choisis comme contenu (titres de projets, labels Gitea, descriptions).
  • Donner à chaque icône un aria-label ou un aria-hidden + libellé visible, selon le cas.

Critère de validation

Vérifié par le build de l'utilisateur : plus aucun emoji d'interface dans les cartes, la barre d'outils et les états vides ; les icônes restent lisibles en rail replié comme en clair.

Hors portée

Les couleurs des labels Gitea (choisies par l'utilisateur dans la forge) ne sont pas touchées.

## Constat (audit visuel, v0.41.0) La barre latérale est passée aux SVG trait en 0.41.0 (#54), mais le reste du site est resté aux emoji : cartes kanban (📌 épingler, 🌿 branches), pages (🌅 Aujourd'hui, 🎉 états vides), tableaux et formulaires — 29 occurrences relevées dans les gabarits. Le contraste est flagrant : navigation professionnelle d'un côté, interface ludique de l'autre, et les emoji rendent différemment selon la plateforme (couleur, taille, accessibilité lecteur d'écran). ## Travail attendu - Étendre la macro d'icônes de `_header.html` (ou un partial partagé) à `_card.html`, `board.html`, `dashboard.html`, `today.html`, `focus.html`, `my.html` et aux états vides. - Remplacer les emoji d'interface par des SVG trait monochromes ; garder les emoji uniquement là où l'utilisateur les a choisis comme contenu (titres de projets, labels Gitea, descriptions). - Donner à chaque icône un `aria-label` ou un `aria-hidden` + libellé visible, selon le cas. ## Critère de validation Vérifié par le build de l'utilisateur : plus aucun emoji d'interface dans les cartes, la barre d'outils et les états vides ; les icônes restent lisibles en rail replié comme en clair. ## Hors portée Les couleurs des labels Gitea (choisies par l'utilisateur dans la forge) ne sont pas touchées.
bruno added the kanban:todo label 2026-10-28 23:28:40 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Projets/kanbante#59