mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-08 12:32:43 +00:00
a11y(insights): announce loaded assessment via polite live region
Mirror the aria-live=polite the loading skeleton already carries onto the success card so screen readers announce the assessment when it swaps into the same slot the skeleton occupied. Closes the load to loaded transition signal flagged in W10 P2-2. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
3407753a77
commit
4de3e9da0b
1 file changed
+9
-1
@@ -105,7 +105,15 @@ export function InsightStatusCard({
|
||||
}
|
||||
|
||||
return (
|
||||
<Card className="animate-insight-in border-l-dracula-purple border-l-2">
|
||||
// v1.4.38 W-D P2-2 — `aria-live="polite"` so screen readers
|
||||
// announce the assessment when it swaps into the same slot the
|
||||
// structured skeleton occupied. The skeleton card already carries
|
||||
// `aria-busy="true" aria-live="polite"`; mirroring the live region
|
||||
// on the success card closes the load→loaded transition signal.
|
||||
<Card
|
||||
aria-live="polite"
|
||||
className="animate-insight-in border-l-dracula-purple border-l-2"
|
||||
>
|
||||
<CardHeader className="pb-2">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex items-center gap-2">
|
||||
|
||||
Reference in new issue
Block a user