Add aria properties to unread chat messages indicator

2026-09-10 21:26:08 -05:00 · 2026-09-09 20:41:48 +03:00
parent 621ad5e200
commit f5cc5aa3cb
1 changed files with 7 additions and 1 deletions
--- a/app/components/layout/TopRightButtons.tsx
+++ b/app/components/layout/TopRightButtons.tsx
@@ -109,7 +109,13 @@ function ChatButton({
 				testId="chat-toggle-button"
 			/>
 			{unreadCount ? (
-				<span className={styles.chatUnreadBadge}>{unreadCount}</span>
+				<span
+					className={styles.chatUnreadBadge}
+					role="status"
+					aria-label={`${unreadCount} unread chat ${unreadCount === 1 ? "message" : "messages"}`}
+				>
+					{unreadCount}
+				</span>
 			) : null}
 		</>
 	);