Made Device Setup Accessible

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 {

src/DeviceSetup/AutoDetectResults.svelte

@@ -74,4 +74,8 @@
         color: white;
         border: none;
     }
+
+    button:focus-visible {
+        outline: white 2px solid;
+    }
 </style>

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>

src/DeviceSetup/NameDevice.svelte

@@ -33,4 +33,8 @@
         color: white;
         border: none;
     }
+
+    button:focus-visible {
+        outline: white solid 2px;
+    }
 </style>

src/Devices/DeviceSetup.svelte

@@ -69,6 +69,10 @@
         background: none;
     }
 
+    button:focus-visible {
+        outline: orange solid 2px;
+    }
+
     .closeImg {
         width: 30px;
     }