public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TimeRangePicker: Announce to screen reader when time range is updated (#87692)

Browse Source 
Add aria live to TimeRangePicker
This commit is contained in:
Tobias Skarhed
2024-05-14 10:20:15 +02:00
committed by GitHub
parent fd218edca4
commit aa7a01a87e
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker.tsx
+1 -1
View File
@@ -235,7 +235,7 @@ export const TimePickerButtonLabel = memo<LabelProps>(({ hideText, value, timeZo
} }
return ( return (
<span className={styles.container}> <span className={styles.container} aria-live="polite" aria-atomic="true">
<span>{formattedRange(value, timeZone)}</span> <span>{formattedRange(value, timeZone)}</span>
<span className={styles.utc}>{rangeUtil.describeTimeRangeAbbreviation(value, timeZone)}</span> <span className={styles.utc}>{rangeUtil.describeTimeRangeAbbreviation(value, timeZone)}</span>
</span> </span>