Add tabindex to elements for better keyboard navigation

2021-12-06 15:03:41 +01:00
parent 778e15dfbd
commit 8ac954b1a2
9 changed files with 20 additions and 14 deletions
--- a/src/components/molecules/Location.svelte
+++ b/src/components/molecules/Location.svelte
@@ -63,6 +63,7 @@
        on:mousemove={handleMouseMove}
        on:mouseleave={handleMouseLeave}
        sveltekit:noscroll
+        tabindex="0"
    >
        <Image
            class="location__flag"
--- a/src/components/molecules/Switcher.svelte
+++ b/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>