From 830532b29a2f75bf2b53ccad9d5283cbc854241c Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 28 Aug 2026 10:42:25 +0000
Subject: [PATCH 1/4] feat(ux): add aria-describedby to keyboard shortcuts
 modal

Connect aria-describedby on the dialog container to the shortcuts list container element in KeyboardShortcutsModal.tsx for screen reader accessibility.

Co-authored-by: d-oit <6849456+d-oit@users.noreply.github.com>
---
 web/app/components/KeyboardShortcutsModal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/app/components/KeyboardShortcutsModal.tsx b/web/app/components/KeyboardShortcutsModal.tsx
index 5e9e9506..e844e2d9 100644
--- a/web/app/components/KeyboardShortcutsModal.tsx
+++ b/web/app/components/KeyboardShortcutsModal.tsx
@@ -97,6 +97,7 @@ export function KeyboardShortcutsModal({ onClose }: KeyboardShortcutsModalProps)
         role="dialog"
         aria-modal="true"
         aria-labelledby="shortcuts-modal-title"
+        aria-describedby="shortcuts-modal-description"
       >
         <div className="flex justify-between mb-4">
           <h2 id="shortcuts-modal-title" className="text-[13px] font-bold text-foreground">
@@ -112,7 +113,7 @@ export function KeyboardShortcutsModal({ onClose }: KeyboardShortcutsModalProps)
             ×
           </button>
         </div>
-        <div className="space-y-2">
+        <div id="shortcuts-modal-description" className="space-y-2">
           {SHORTCUTS.map(({ key, action }) => (
             <div key={key} className="flex justify-between text-[11px]">
               <span className="text-text-muted">{action}</span>

From 460bbf73fb4a4375066ebad7ea4a2655549ada78 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 28 Aug 2026 10:46:52 +0000
Subject: [PATCH 2/4] feat(ux): add aria-describedby to keyboard shortcuts
 modal

Add aria-describedby on the dialog container to the shortcuts list container
element in KeyboardShortcutsModal.tsx for screen reader accessibility.

Co-authored-by: d-oit <6849456+d-oit@users.noreply.github.com>

From e3e15e0b3d0b27a54f1ce7e3a9067a83ce4875f1 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 28 Aug 2026 10:52:21 +0000
Subject: [PATCH 3/4] feat(ux): add aria-describedby to keyboard shortcuts
 modal

Co-authored-by: d-oit <6849456+d-oit@users.noreply.github.com>

From 457222641df5df8007cf2a346cc0a0860e7f532f Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 28 Aug 2026 10:57:38 +0000
Subject: [PATCH 4/4] feat(ux): add aria-describedby to keyboard shortcuts
 modal

Co-authored-by: d-oit <6849456+d-oit@users.noreply.github.com>