fix(widgets): hide the decorative health bar from assistive technology
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
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()}
|
||||
|
||||
Reference in new issue
Block a user