refactor(#35): accessible navlinks

This commit is contained in:
OllyNicholass
2024-11-18 23:03:17 +00:00
parent 2174336512
commit 0ccf04fcbc
3 changed files with 7 additions and 2 deletions
+5 -1
View File
@@ -9,7 +9,11 @@
</script>
{#if !linkItem.isSignout}
<a role="menuitem" href={linkItem.href} aria-current={linkItem.href === $page.url.pathname ? 'page' : undefined}>{linkItem.text}</a>
<a
role="menuitem"
href={linkItem.href}
aria-current={linkItem.href === $page.url.pathname ? 'page' : undefined}>{linkItem.text}</a
>
{:else if supabase && linkItem.isSignout}
<SignOut {supabase} />
{/if}
@@ -30,6 +30,7 @@
</button>
{#if isOpen}
<ul
role="menu"
class="menu-dropdown menu-dropdown-show"
transition:slide={{ duration: 200, easing: cubicInOut }}
>
@@ -63,7 +63,7 @@
];
</script>
<ul class:flex={!isMobile} class:space-x-4={!isMobile}>
<ul role="menu" class:flex={!isMobile} class:space-x-4={!isMobile}>
{#each links as link (link.text.replace(' ', '-').toLowerCase())}
<li class:md:hidden={link.isUserAccount}>
{#if link.isParent}