diff --git a/src/view/com/notifications/FeedItem.tsx b/src/view/com/notifications/FeedItem.tsx
index 0751a396..520a059a 100644
--- a/src/view/com/notifications/FeedItem.tsx
+++ b/src/view/com/notifications/FeedItem.tsx
@@ -206,7 +206,22 @@ let FeedItem = ({
return null
}
- let formattedCount = authors.length > 1 ? formatCount(authors.length - 1) : ''
+ const formattedCount =
+ authors.length > 1 ? formatCount(authors.length - 1) : ''
+ const firstAuthorName = sanitizeDisplayName(
+ authors[0].profile.displayName || authors[0].profile.handle,
+ )
+ const niceTimestamp = niceDate(item.notification.indexedAt)
+ const a11yLabelUsers =
+ authors.length > 1
+ ? _(msg` and `) +
+ plural(authors.length - 1, {
+ one: `${formattedCount} other`,
+ other: `${formattedCount} others`,
+ })
+ : ''
+ const a11yLabel = `${firstAuthorName}${a11yLabelUsers} ${action} ${niceTimestamp}`
+
return (
1
@@ -270,16 +287,15 @@ let FeedItem = ({
showDmButton={item.type === 'starterpack-joined'}
/>
-
+
{authors.length > 1 ? (
@@ -301,7 +317,7 @@ let FeedItem = ({
{({timeElapsed}) => (
+ title={niceTimestamp}>
{' ' + timeElapsed}
)}
@@ -453,7 +469,6 @@ function CondensedAuthorsList({
profile={authors[0].profile}
moderation={authors[0].moderation.ui('avatar')}
type={authors[0].profile.associated?.labeler ? 'labeler' : 'user'}
- accessible={false}
/>
{showDmButton ? : null}
@@ -471,7 +486,6 @@ function CondensedAuthorsList({
profile={author.profile}
moderation={author.moderation.ui('avatar')}
type={author.profile.associated?.labeler ? 'labeler' : 'user'}
- accessible={false}
/>
))}
diff --git a/src/view/com/util/UserAvatar.tsx b/src/view/com/util/UserAvatar.tsx
index b7272340..8862bd0e 100644
--- a/src/view/com/util/UserAvatar.tsx
+++ b/src/view/com/util/UserAvatar.tsx
@@ -55,7 +55,6 @@ interface PreviewableUserAvatarProps extends BaseUserAvatarProps {
profile: AppBskyActorDefs.ProfileViewBasic
disableHoverCard?: boolean
onBeforePress?: () => void
- accessible?: boolean
}
const BLUR_AMOUNT = isWeb ? 5 : 100
@@ -412,7 +411,6 @@ let PreviewableUserAvatar = ({
profile,
disableHoverCard,
onBeforePress,
- accessible = true,
...rest
}: PreviewableUserAvatarProps): React.ReactNode => {
const {_} = useLingui()
@@ -426,12 +424,8 @@ let PreviewableUserAvatar = ({
return (