HORIZON · Iconographie et accessibilité
HHORIZON 02 · Design system

Iconographie et accessibilité

Iconographie de navigation (v1, conforme maquette)

La maquette présente pour les 7 entrées de navigation un glyphe uniforme : carré arrondi en contour (17 px, rayon 5, trait 1,7). La v1 le reproduit fidèlement (P-07) : muted au repos, primary-700 à l'état actif.

repos
actif
désactivé

Jeu d'icônes métier [Proposition, non appliquée]

Proposé pour arbitrage au jalon J1 si le Figma source révèle des icônes différenciées : trait 1,7, terminaisons rondes, grille 20 px, une seule épaisseur.

Tableau de bord
Clients
Simulateurs
Portefeuilles
Documents
Conformité
Paramètres

Icônes utilitaires (déjà employées par les composants) : loupe, cloche à pastille, entonnoir « Filtrer », crayon d'édition, menu ⋮, chevrons de pagination, coche de sélection.

Contrastes vérifiés en direct

Ratios WCAG calculés au chargement de cette page à partir des valeurs réelles de tokens.css (rien n'est déclaré à la main). Seuils : 4,5:1 texte courant · 3:1 grands textes et composants d'interface.

Aperçu Couple Usage Ratio Verdict
Aa {{ l.nom }} {{ l.usage }} {{ l.ratio }}:1 {{ l.verdict }}

Réserve documentée : {{ reserve }} Recommandation soumise à J1 (V-04) : abaisser --hz-text-muted vers #5E6C80 pour le texte courant, sans impact perceptible sur la maquette (écart sous la tolérance CA-08).

Clavier et lecteurs d'écran (RGAA 4, niveau AA · RNF-21)