diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-11-22 15:23:24 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-11-22 15:23:24 +0000 |
| commit | 5d4aaa5b5faa595d1967eabe11fda9615d7ba1f6 (patch) | |
| tree | 9393ff40a5e549ea587e64af21134091068eb314 /src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx | |
| parent | 437bdcf9a9b3c78f1d9c5aae35757e78db7ad062 (diff) | |
| download | voidsky-5d4aaa5b5faa595d1967eabe11fda9615d7ba1f6.tar.zst | |
[a11y] Video - fix labels and make more detailed (#6635)
* fix labels and make more detailed * move overall label to parent
Diffstat (limited to 'src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx')
| -rw-r--r-- | src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx b/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx index e9615fe63..75e544aca 100644 --- a/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx +++ b/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx @@ -1,5 +1,7 @@ import {StyleProp, ViewStyle} from 'react-native' import {View} from 'react-native' +import {msg} from '@lingui/macro' +import {useLingui} from '@lingui/react' import {atoms as a, useTheme} from '#/alf' import {Text} from '#/components/Typography' @@ -16,6 +18,7 @@ export function TimeIndicator({ style?: StyleProp<ViewStyle> }) { const t = useTheme() + const {_} = useLingui() if (isNaN(time)) { return null @@ -27,6 +30,8 @@ export function TimeIndicator({ return ( <View pointerEvents="none" + accessibilityLabel={_(msg`Time remaining: ${time} seconds`)} + accessibilityHint="" style={[ { backgroundColor: 'rgba(0, 0, 0, 0.5)', |