diff --git a/public/index.html b/public/index.html
index 3245bf9..cd715a1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -133,6 +133,12 @@
             background: #21262d;
         }
 
+        .file-header:focus-visible {
+            outline: 2px solid #58a6ff;
+            outline-offset: -2px;
+            background: #21262d;
+        }
+
         .file-path {
             display: flex;
             align-items: center;
@@ -1278,6 +1284,13 @@ <h3>No Staged Changes</h3>
             }
         }
 
+        function handleFileHeaderKeydown(event, file, fileId) {
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                toggleFile(file, fileId);
+            }
+        }
+
         async function toggleFile(file, fileId) {
             const diffDiv = document.getElementById(`diff-${fileId}`);
             const icon = document.getElementById(`icon-${fileId}`);