From ca3e798a30642e234ef5cb2ad6e502863a49fe8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zachary=20Gu=C3=A9not?= <zachary@zac.ovh>
Date: Sat, 12 Sep 2026 16:06:24 +0200
Subject: [PATCH] fix(widgets): hide the decorative health bar from assistive
 technology

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 packages/widgets/src/unifi-site-manager/health-bar.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

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 (
     <Stack gap={2}>
-      {/* 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. */}
-      <Group gap={1} wrap="nowrap" aria-label={summaryText}>
+      {/* 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. */}
+      <Group gap={1} wrap="nowrap" aria-hidden>
         {segments.map((segment) => (
           <Tooltip
             key={segment.at.toISOString()}