Switch Tabs With Keyboard

atticuscornett · Jan 19, 2024 · e9f11ed · e9f11ed
1 parent 35eddcb
commit e9f11ed
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/Components/NavButton.svelte b/src/Components/NavButton.svelte
@@ -18,11 +18,17 @@
         checked = true;
         page = id;
     }
+
+    function handleKeydown(event){
+        if (event.key === "Enter"){
+            setPage();
+        }
+    }
 </script>
 
 <div>
     <input type="radio" value={id} checked={checked} name="NavBarButton">
-    <label for={id} on:click={setPage}><div>{name}</div></label>
+    <label for={id} on:click={setPage} tabindex="0" on:keydown={handleKeydown}><div>{name}</div></label>
 </div>
 
 <style>