From 4c81e3c43218be4b23d137b386520c71d19f5844 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 26 Apr 2023 23:14:15 +0200
Subject: [PATCH] a11y improvements

---
 src/components/dashboard/Dashboard.svelte                    | 2 +-
 src/components/scanstations/CopyScanStationTokenModal.svelte | 2 +-
 src/components/teams/TeamsOverview.svelte                    | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/dashboard/Dashboard.svelte b/src/components/dashboard/Dashboard.svelte
index 5bef7c2d..a211bb67 100644
--- a/src/components/dashboard/Dashboard.svelte
+++ b/src/components/dashboard/Dashboard.svelte
@@ -409,7 +409,7 @@
     </slot>
   </div>
   {#if navOpen === true}
-    <div
+    <button
       on:click={() => {
         navOpen = false;
       }}
diff --git a/src/components/scanstations/CopyScanStationTokenModal.svelte b/src/components/scanstations/CopyScanStationTokenModal.svelte
index 0d8392d0..1d9a1fe6 100644
--- a/src/components/scanstations/CopyScanStationTokenModal.svelte
+++ b/src/components/scanstations/CopyScanStationTokenModal.svelte
@@ -159,7 +159,7 @@
                 id="codeswitch"
                 type="checkbox"
                 bind:checked={is_qrcode}
-                class="relative shrink-0 w-[3.25rem] h-7 bg-gray-100 checked:bg-none checked:bg-blue-600 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 border border-transparent ring-1 ring-transparent focus:border-blue-600 focus:ring-blue-600 ring-offset-white focus:outline-none appearance-none before:inline-block before:w-6 before:h-6 before:bg-white checked:before:bg-blue-200 before:translate-x-0 checked:before:translate-x-full before:shadow before:rounded-full before:transform before:ring-0 before:transition before:ease-in-out before:duration-200 dark:before:bg-gray-400 dark:checked:before:bg-blue-200"
+                class="relative shrink-0 w-[3.25rem] h-7 bg-gray-100 checked:bg-none checked:bg-blue-600 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 ring-1 ring-transparent focus:border-blue-600 focus:ring-blue-600 ring-offset-white focus:outline-none appearance-none before:inline-block before:w-6 before:h-6 before:bg-white checked:before:bg-blue-200 before:translate-x-0 checked:before:translate-x-full before:shadow before:rounded-full before:transform before:ring-0 before:transition before:ease-in-out before:duration-200 dark:before:bg-gray-400 dark:checked:before:bg-blue-200"
               />
               <label for="codeswitch" class="text-md text-gray-900 ml-3"
                 >QR-Code</label
diff --git a/src/components/teams/TeamsOverview.svelte b/src/components/teams/TeamsOverview.svelte
index 2f9803e7..668e85b7 100644
--- a/src/components/teams/TeamsOverview.svelte
+++ b/src/components/teams/TeamsOverview.svelte
@@ -77,7 +77,7 @@
                 scope="col"
                 class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
               >
-                <span
+                <button
                   on:click={() => {
                     const newstate = !current_teams.some(
                       (r) => r.is_selected === true
@@ -91,7 +91,7 @@
                   >{#if current_teams.some((r) => r.is_selected === true)}
                     {$_("deselect-all")}
                   {:else}{$_("select-all")}{/if}
-                </span>
+                </button>
               </th>
               <th
                 scope="col"