From 161212f9981d8642855bf38585c7805a85a86e97 Mon Sep 17 00:00:00 2001
From: atticuscornett <64325242+atticuscornett@users.noreply.github.com>
Date: Mon, 11 Mar 2024 01:16:17 -0500
Subject: [PATCH] Made Device Setup Accessible

---
 src/Components/Selectable.svelte         | 8 +++++++-
 src/DeviceSetup/AutoDetectResults.svelte | 4 ++++
 src/DeviceSetup/CompatibilityWarn.svelte | 2 +-
 src/DeviceSetup/NameDevice.svelte        | 4 ++++
 src/Devices/DeviceSetup.svelte           | 4 ++++
 5 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/Components/Selectable.svelte b/src/Components/Selectable.svelte
index cca8a80..aa4bf1a 100644
--- a/src/Components/Selectable.svelte
+++ b/src/Components/Selectable.svelte
@@ -2,10 +2,16 @@
     export let name;
     export let id;
     export let label;
+
+    function handleInput(event){
+        if (event.key === "Enter"){
+            document.getElementById(id).checked = true;
+        }
+    }
 </script>
 
 <input type="radio" value={id} id={id} name={name}>
-<label for={id}><div>{label}</div></label>
+<label for={id}><div tabindex="0" on:keydown={handleInput}>{label}</div></label>
 
 <style>
     input {
diff --git a/src/DeviceSetup/AutoDetectResults.svelte b/src/DeviceSetup/AutoDetectResults.svelte
index 60971e8..e56f77f 100644
--- a/src/DeviceSetup/AutoDetectResults.svelte
+++ b/src/DeviceSetup/AutoDetectResults.svelte
@@ -74,4 +74,8 @@
         color: white;
         border: none;
     }
+
+    button:focus-visible {
+        outline: white 2px solid;
+    }
 </style>
\ No newline at end of file
diff --git a/src/DeviceSetup/CompatibilityWarn.svelte b/src/DeviceSetup/CompatibilityWarn.svelte
index e953e9a..e3b41c9 100644
--- a/src/DeviceSetup/CompatibilityWarn.svelte
+++ b/src/DeviceSetup/CompatibilityWarn.svelte
@@ -1,7 +1,7 @@
 <h2>Unrecognized Device</h2>
 <h3>The selected device could not be recognized by mimacro, and may not be compatible at this time.<br>
     Firmware must be flashed before this device can be used.<br>
-    <a href="#" on:click={()=>{electronAPI.openLinkInBrowser("https://atticuscornett.github.io/mimacro-docs/#/firmware")}}>
+    <a href="#" on:click={()=>{electronAPI.openLinkInBrowser("https://atticuscornett.github.io/mimacro-docs/")}}>
         A list of firmware can be found in the mimacro docs.
     </a>
 </h3>
\ No newline at end of file
diff --git a/src/DeviceSetup/NameDevice.svelte b/src/DeviceSetup/NameDevice.svelte
index 22ef473..7971ee4 100644
--- a/src/DeviceSetup/NameDevice.svelte
+++ b/src/DeviceSetup/NameDevice.svelte
@@ -33,4 +33,8 @@
         color: white;
         border: none;
     }
+
+    button:focus-visible {
+        outline: white solid 2px;
+    }
 </style>
\ No newline at end of file
diff --git a/src/Devices/DeviceSetup.svelte b/src/Devices/DeviceSetup.svelte
index 81066e8..f3c26e9 100644
--- a/src/Devices/DeviceSetup.svelte
+++ b/src/Devices/DeviceSetup.svelte
@@ -69,6 +69,10 @@
         background: none;
     }
 
+    button:focus-visible {
+        outline: orange solid 2px;
+    }
+
     .closeImg {
         width: 30px;
     }