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>

src/view/com/composer/Composer.tsx

@@ -1241,7 +1241,7 @@ function ComposerFooter({
                 onPress={onEmojiButtonPress}
                 style={a.p_sm}
                 label={_(msg`Open emoji picker`)}
-                accessibilityHint={_(msg`Open emoji picker`)}
+                accessibilityHint={_(msg`Opens emoji picker`)}
                 variant="ghost"
                 shape="round"
                 color="primary">

src/view/com/composer/ComposerReplyTo.tsx

@@ -70,7 +70,7 @@ export function ComposerReplyTo({replyTo}: {replyTo: ComposerOptsPostRef}) {
         msg`Expand or collapse the full post you are replying to`,
       )}
       accessibilityHint={_(
-        msg`Expand or collapse the full post you are replying to`,
+        msg`Expands or collapses the full post you are replying to`,
       )}>
       <PreviewableUserAvatar
         size={50}

src/view/com/composer/text-input/web/EmojiPicker.web.tsx

@@ -135,7 +135,7 @@ export function EmojiPicker({state, close, pinToTop}: IProps) {
         <Pressable
           accessible
           accessibilityLabel={_(msg`Close emoji picker`)}
-          accessibilityHint={_(msg`Tap to close the emoji picker`)}
+          accessibilityHint={_(msg`Closes the emoji picker`)}
           onPress={close}
           style={[a.fixed, a.inset_0]}
         />
@@ -171,7 +171,7 @@ export function EmojiPicker({state, close, pinToTop}: IProps) {
         <Pressable
           accessible
           accessibilityLabel={_(msg`Close emoji picker`)}
-          accessibilityHint={_(msg`Tap to close the emoji picker`)}
+          accessibilityHint={_(msg`Closes the emoji picker`)}
           onPress={close}
           style={[a.fixed, a.inset_0]}
         />

src/view/com/post-thread/PostThreadItem.tsx

@@ -802,7 +802,7 @@ function BackdatedPostIndicator({post}: {post: AppBskyFeedDefs.PostView}) {
       <Button
         label={_(msg`Archived post`)}
         accessibilityHint={_(
-          msg`Show information about when this post was created`,
+          msg`Shows information about when this post was created`,
         )}
         onPress={e => {
           e.preventDefault()

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}

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>

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 ? (

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,

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} />

src/view/screens/ProfileList.tsx

@@ -1007,7 +1007,7 @@ function ErrorScreen({error}: {error: string}) {
         <Button
           type="default"
           accessibilityLabel={_(msg`Go back`)}
-          accessibilityHint={_(msg`Return to previous page`)}
+          accessibilityHint={_(msg`Returns to previous page`)}
           onPress={onPressBack}
           style={{flexShrink: 1}}>
           <Text type="button" style={pal.text}>

src/view/screens/Search/Search.tsx

@@ -807,7 +807,7 @@ export function SearchScreen(
                   hitSlop={HITSLOP_10}
                   label={_(msg`Menu`)}
                   accessibilityHint={_(
-                    msg`Access navigation links and settings`,
+                    msg`Provides access to navigation links and settings`,
                   )}
                   size="large"
                   variant="solid"
@@ -1033,7 +1033,7 @@ function SearchHistory({
                     accessibilityRole="button"
                     accessibilityLabel={_(msg`Remove profile`)}
                     accessibilityHint={_(
-                      msg`Remove profile from search history`,
+                      msg`Removes profile from search history`,
                     )}
                     onPress={() => onRemoveProfileClick(profile)}
                     hitSlop={createHitslop(6)}