fix(widgets): hide the decorative health bar from assistive technology

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
zacharyandClaude Opus 5 committed 2026-10-08 00:24:40 +02:00
1 parent 145dc17d8d
commit ca3e798a30
1 file changed
+6 -4
@@ -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()}