flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Make Switcher links accessible

Browse Source 
Also switch button and links to keep tabing
This commit is contained in:
Félix Péault
2022-06-24 13:02:36 +02:00
parent 65f24fdd51
commit 0ce305480f
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/molecules/Switcher.svelte
View File

@@ -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" <button class="switcher__button" title="{!isOpen ? 'Open' : 'Close'} menu" tabindex="0"
on:click={toggleSwitcher} on:click={toggleSwitcher}
> >
@@ -74,4 +61,17 @@
{/each} {/each}
</span> </span>
</button> </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> </aside>