Add tabindex to elements for better keyboard navigation

src/components/atoms/Button.svelte

@@ -25,7 +25,7 @@
 </script>
 
 {#if tag === 'button'}
-    <button class={classes} on:click disabled={disabled}>
+    <button class={classes} tabindex="0" {disabled} on:click>
         <slot />
         <SplitText {text} clone={true} />
     </button>
@@ -35,7 +35,8 @@
         {rel} {target}
         sveltekit:prefetch={url && isExternal ? null : true}
         sveltekit:noscroll={isExternal ? null : true}
-        disabled={disabled}
+        {disabled}
+        tabindex="0"
         on:click
     >
         <slot />

src/components/atoms/ButtonCircle.svelte

@@ -18,7 +18,7 @@
 </script>
 
 {#if tag === 'a'}
-    <a href={url} class={classes} on:click>
+    <a href={url} class={classes} tabindex="0" on:click>
         {#if clone}
             {#each Array(2) as _}
                 <slot />
@@ -28,7 +28,7 @@
         {/if}
     </a>
 {:else}
-    <button {type} {form} class={classes} disabled={disabled} on:click>
+    <button {type} {form} class={classes} disabled={disabled} tabindex="0" on:click>
         {#if clone}
             {#each Array(2) as _}
                 <slot />

src/components/molecules/Location.svelte

@@ -63,6 +63,7 @@
         on:mousemove={handleMouseMove}
         on:mouseleave={handleMouseLeave}
         sveltekit:noscroll
+        tabindex="0"
     >
         <Image
             class="location__flag"

src/components/molecules/Switcher.svelte

@@ -71,7 +71,7 @@
         </ul>
     </nav>
 
-    <button class="switcher__button" title="{!isOpen ? 'Open' : 'Close'} menu"
+    <button class="switcher__button" title="{!isOpen ? 'Open' : 'Close'} menu" tabindex="0"
         on:click={toggleSwitcher}
     >
         <span>

src/components/organisms/Footer.svelte

@@ -10,7 +10,7 @@
 
 <footer class="footer">
     <div class="container grid">
-        <a href="/" class="footer__title" sveltekit:prefetch sveltekit:noscroll>
+        <a href="/" class="footer__title" sveltekit:prefetch sveltekit:noscroll tabindex="0">
             <SiteTitle tag="div" />
         </a>
 
@@ -18,7 +18,7 @@
             <ul>
                 {#each footer_links as { title, slug }}
                     <li>
-                        <a href="/{slug}" class="link-3d" sveltekit:prefetch sveltekit:noscroll>
+                        <a href="/{slug}" class="link-3d" sveltekit:prefetch sveltekit:noscroll tabindex="0">
                             <SplitText text={title} clone={true} />
                         </a>
                     </li>