diff --git a/packages/widgets/src/unifi-site-manager/health-bar.tsx b/packages/widgets/src/unifi-site-manager/health-bar.tsx index cda5a5f74..c23339cec 100644 --- a/packages/widgets/src/unifi-site-manager/health-bar.tsx +++ b/packages/widgets/src/unifi-site-manager/health-bar.tsx @@ -54,10 +54,12 @@ export const HealthBar = ({ return ( - {/* Les segments n'ont que le survol : sans nom accessible, la barre est - muette au clavier et au toucher. Le nom réutilise le résumé composé - ci-dessus pour que les deux ne puissent pas diverger. */} - + {/* Les segments n'ont que le survol : ni le clavier ni le toucher n'y + accèdent. Plutôt qu'un `aria-label` sur un `div` sans rôle — que les + lecteurs d'écran ignorent couramment — la barre est masquée et c'est + le résumé ci-dessous, visible et composé des mêmes chiffres, qui porte + l'information. Le rendre lisible deux fois n'ajouterait rien. */} + {segments.map((segment) => (