about summary refs log tree commit diff
path: root/src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx
diff options
context:
space:
mode:
authorSamuel Newman <mozzius@protonmail.com>2024-11-22 15:23:24 +0000
committerGitHub <noreply@github.com>2024-11-22 15:23:24 +0000
commit5d4aaa5b5faa595d1967eabe11fda9615d7ba1f6 (patch)
tree9393ff40a5e549ea587e64af21134091068eb314 /src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx
parent437bdcf9a9b3c78f1d9c5aae35757e78db7ad062 (diff)
downloadvoidsky-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/web-controls/ControlButton.tsx')
-rw-r--r--src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx7
1 files changed, 4 insertions, 3 deletions
diff --git a/src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx b/src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx
index 8ffe482a8..651046445 100644
--- a/src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx
+++ b/src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx
@@ -23,7 +23,8 @@ export function ControlButton({
   return (
     <PressableWithHover
       accessibilityRole="button"
-      accessibilityHint={active ? activeLabel : inactiveLabel}
+      accessibilityLabel={active ? activeLabel : inactiveLabel}
+      accessibilityHint=""
       onPress={onPress}
       style={[
         a.p_xs,
@@ -32,9 +33,9 @@ export function ControlButton({
       ]}
       hoverStyle={{backgroundColor: 'rgba(255, 255, 255, 0.2)'}}>
       {active ? (
-        <ActiveIcon fill={t.palette.white} width={20} />
+        <ActiveIcon fill={t.palette.white} width={20} aria-hidden />
       ) : (
-        <InactiveIcon fill={t.palette.white} width={20} />
+        <InactiveIcon fill={t.palette.white} width={20} aria-hidden />
       )}
     </PressableWithHover>
   )