[a11y] Video - fix labels and make more detailed (#6635)

* fix labels and make more detailed

* move overall label to parent
This commit is contained in:
Samuel Newman
2024-11-22 15:23:24 +00:00
committed by GitHub
parent 437bdcf9a9
commit 5d4aaa5b5f
6 changed files with 23 additions and 7 deletions
@@ -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)',