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> </script>
{#if !linkItem.isSignout} {#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} {:else if supabase && linkItem.isSignout}
<SignOut {supabase} /> <SignOut {supabase} />
{/if} {/if}
@@ -30,6 +30,7 @@
</button> </button>
{#if isOpen} {#if isOpen}
<ul <ul
role="menu"
class="menu-dropdown menu-dropdown-show" class="menu-dropdown menu-dropdown-show"
transition:slide={{ duration: 200, easing: cubicInOut }} transition:slide={{ duration: 200, easing: cubicInOut }}
> >
@@ -63,7 +63,7 @@
]; ];
</script> </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())} {#each links as link (link.text.replace(' ', '-').toLowerCase())}
<li class:md:hidden={link.isUserAccount}> <li class:md:hidden={link.isUserAccount}>
{#if link.isParent} {#if link.isParent}