From f50e14d7a58031c4d3aabb7b38701882a30c4d2b Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Thu, 18 Jun 2026 18:46:30 -0400
Subject: [PATCH] fix(a11y): label room page header with room name for screen
 readers (P3-4)

PageHeader now exposes aria-label="{room name} room header" so screen
reader users know which room's header they are navigating.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/features/room/RoomViewHeader.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/features/room/RoomViewHeader.tsx b/src/app/features/room/RoomViewHeader.tsx
index bcc9b17a2..828cbf0c5 100644
--- a/src/app/features/room/RoomViewHeader.tsx
+++ b/src/app/features/room/RoomViewHeader.tsx
@@ -524,6 +524,7 @@ export function RoomViewHeader({ callView }: { callView?: boolean }) {
       <PageHeader
         className={ContainerColor({ variant: 'Surface' })}
         balance={screenSize === ScreenSize.Mobile}
+        aria-label={`${name} room header`}
       >
         <Box grow="Yes" gap="300">
           {screenSize === ScreenSize.Mobile && (