Refine accessibilityHint (#7554)

* `accessibilityHint`

* accessibilityHint

* Update

Co-Authored-By: jason-me <mail@jason-hester.me>

* Update LoginForm.tsx

---------

Co-authored-by: jason-me <mail@jason-hester.me>

5 files changed, 10 insertions, 8 deletions

diff --git a/src/view/com/util/forms/DropdownButton.tsx b/src/view/com/util/forms/DropdownButton.tsx
index 6cb4b9557..a061edf2e 100644
--- a/src/view/com/util/forms/DropdownButton.tsx
+++ b/src/view/com/util/forms/DropdownButton.tsx
@@ -293,7 +293,9 @@ const DropdownItems = ({
                 onPress={() => onPressItem(index)}
                 accessibilityRole="button"
                 accessibilityLabel={item.label}
-                accessibilityHint={_(msg`Option ${index + 1} of ${numItems}`)}>
+                accessibilityHint={_(
+                  msg`Selects option ${index + 1} of ${numItems}`,
+                )}>
                 {item.icon && (
                   <FontAwesomeIcon
                     style={styles.icon}
diff --git a/src/view/com/util/images/AutoSizedImage.tsx b/src/view/com/util/images/AutoSizedImage.tsx
index a411b24bb..883d3814f 100644
--- a/src/view/com/util/images/AutoSizedImage.tsx
+++ b/src/view/com/util/images/AutoSizedImage.tsx
@@ -196,7 +196,7 @@ export function AutoSizedImage({
         onPressIn={onPressIn}
         // alt here is what screen readers actually use
         accessibilityLabel={image.alt}
-        accessibilityHint={_(msg`Tap to view full image`)}
+        accessibilityHint={_(msg`Views full image`)}
         style={[
           a.w_full,
           a.rounded_md,
@@ -218,7 +218,7 @@ export function AutoSizedImage({
           onPressIn={onPressIn}
           // alt here is what screen readers actually use
           accessibilityLabel={image.alt}
-          accessibilityHint={_(msg`Tap to view full image`)}
+          accessibilityHint={_(msg`Views full image`)}
           style={[a.h_full]}>
           {contents}
         </Pressable>
diff --git a/src/view/com/util/post-embeds/ExternalPlayerEmbed.tsx b/src/view/com/util/post-embeds/ExternalPlayerEmbed.tsx
index 8ac7ee499..e78abdf17 100644
--- a/src/view/com/util/post-embeds/ExternalPlayerEmbed.tsx
+++ b/src/view/com/util/post-embeds/ExternalPlayerEmbed.tsx
@@ -56,7 +56,7 @@ function PlaceholderOverlay({
       <Pressable
         accessibilityRole="button"
         accessibilityLabel={_(msg`Play Video`)}
-        accessibilityHint={_(msg`Play Video`)}
+        accessibilityHint={_(msg`Plays the video`)}
         onPress={onPress}
         style={[styles.overlayContainer]}>
         {!isPlayerActive ? (
diff --git a/src/view/com/util/post-embeds/GifEmbed.tsx b/src/view/com/util/post-embeds/GifEmbed.tsx
index 4dbc7d588..a839294f1 100644
--- a/src/view/com/util/post-embeds/GifEmbed.tsx
+++ b/src/view/com/util/post-embeds/GifEmbed.tsx
@@ -39,7 +39,7 @@ function PlaybackControls({
   return (
     <Pressable
       accessibilityRole="button"
-      accessibilityHint={_(msg`Play or pause the GIF`)}
+      accessibilityHint={_(msg`Plays or pauses the GIF`)}
       accessibilityLabel={isPlaying ? _(msg`Pause`) : _(msg`Play`)}
       style={[
         a.absolute,
diff --git a/src/view/com/util/post-embeds/VideoEmbedInner/VideoEmbedInnerNative.tsx b/src/view/com/util/post-embeds/VideoEmbedInner/VideoEmbedInnerNative.tsx
index 215e4c406..8b44f5448 100644
--- a/src/view/com/util/post-embeds/VideoEmbedInner/VideoEmbedInnerNative.tsx
+++ b/src/view/com/util/post-embeds/VideoEmbedInner/VideoEmbedInnerNative.tsx
@@ -132,13 +132,13 @@ function VideoControls({
         onPress={enterFullscreen}
         style={a.flex_1}
         accessibilityLabel={_(msg`Video`)}
-        accessibilityHint={_(msg`Tap to enter full screen`)}
+        accessibilityHint={_(msg`Enters full screen`)}
         accessibilityRole="button"
       />
       <ControlButton
         onPress={togglePlayback}
         label={isPlaying ? _(msg`Pause`) : _(msg`Play`)}
-        accessibilityHint={_(msg`Tap to play or pause`)}
+        accessibilityHint={_(msg`Plays or pauses the video`)}
         style={{left: 6}}>
         {isPlaying ? (
           <PauseIcon width={13} fill={t.palette.white} />
@@ -155,7 +155,7 @@ function VideoControls({
             ? _(msg({message: `Unmute`, context: 'video'}))
             : _(msg({message: `Mute`, context: 'video'}))
         }
-        accessibilityHint={_(msg`Tap to toggle sound`)}
+        accessibilityHint={_(msg`Toggles the sound`)}
         style={{right: 6}}>
         {muted ? (
           <MuteIcon width={13} fill={t.palette.white} />