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

Fix accessibility issues

Browse Source
This commit is contained in:
Félix Péault
2021-12-15 22:31:49 +01:00
parent 82f5dd4727
commit 551991d407
8 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -56,20 +56,18 @@
class:is-open={isOpen}
class:is-over={isOver}
>
<nav class="switcher__links">
<ul>
{#each links as { icon, iconLabel, url, text }}
<li class:is-active={$page.path.startsWith(url)}>
<a href={url} on:click={toggleSwitcher}
sveltekit:noscroll sveltekit:prefetch
>
<Icon class="icon" icon={icon} label={iconLabel} />
<span>{text}</span>
</a>
</li>
{/each}
</ul>
</nav>
<ul class="switcher__links">
{#each links as { icon, iconLabel, url, text }}
<li class:is-active={$page.path.startsWith(url)}>
<a href={url} on:click={toggleSwitcher}
sveltekit:noscroll sveltekit:prefetch
>
<Icon class="icon" icon={icon} label={iconLabel} />
<span>{text}</span>
</a>
</li>
{/each}
</ul>
<button class="switcher__button" title="{!isOpen ? 'Open' : 'Close'} menu" tabindex="0"
on:click={toggleSwitcher}