From 0ce305480f6e575267b8234e6092b2da50c39fc1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Fri, 24 Jun 2022 13:02:36 +0200
Subject: [PATCH] Make Switcher links accessible

Also switch button and links to keep tabing
---
 src/components/molecules/Switcher.svelte | 26 ++++++++++++------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/molecules/Switcher.svelte b/src/components/molecules/Switcher.svelte
index c6ff778..e05341d 100644
--- a/src/components/molecules/Switcher.svelte
+++ b/src/components/molecules/Switcher.svelte
@@ -52,19 +52,6 @@
         }
     }}
 >
-    <ul class="switcher__links">
-        {#each switcher_links as { text, url, icon, icon_label }}
-            <li class:is-active={$page.url.pathname === url}>
-                <a href={url} on:click={toggleSwitcher}
-                    sveltekit:noscroll sveltekit:prefetch
-                >
-                    <Icon class="icon" icon={icon} label={icon_label} />
-                    <span>{text}</span>
-                </a>
-            </li>
-        {/each}
-    </ul>
-
     <button class="switcher__button" title="{!isOpen ? 'Open' : 'Close'} menu" tabindex="0"
         on:click={toggleSwitcher}
     >
@@ -74,4 +61,17 @@
             {/each}
         </span>
     </button>
+
+    <ul class="switcher__links">
+        {#each switcher_links as { text, url, icon, icon_label }}
+            <li class:is-active={$page.url.pathname === url}>
+                <a href={url} on:click={toggleSwitcher} tabindex="0"
+                    sveltekit:noscroll sveltekit:prefetch
+                >
+                    <Icon class="icon" icon={icon} label={icon_label} />
+                    <span>{text}</span>
+                </a>
+            </li>
+        {/each}
+    </ul>
 </aside>
\ No newline at end of file