From 765316aa42a1a5f821fd8970484986dba03ec03f Mon Sep 17 00:00:00 2001
From: Christine Belzie <shecoder30@gmail.com>
Date: Fri, 17 Nov 2023 17:09:28 -0500
Subject: [PATCH 1/5] feat: add aria-labels to nav elements

---
 src/lib/components/FooterNav.svelte | 2 +-
 src/lib/layouts/Docs.svelte         | 2 +-
 src/lib/layouts/Main.svelte         | 2 +-
 src/lib/layouts/Sidebar.svelte      | 2 +-
 src/markdoc/tags/Tabs.svelte        | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/FooterNav.svelte b/src/lib/components/FooterNav.svelte
index 4c6555ebd0..e3a6214750 100644
--- a/src/lib/components/FooterNav.svelte
+++ b/src/lib/components/FooterNav.svelte
@@ -78,7 +78,7 @@
         };
 </script>
 
-<nav
+<nav aria-label="Footer Navigation"
     class="aw-footer-nav u-margin-block-start-100 u-position-relative"
     class:aw-u-sep-block-start={!noBorder}
 >
diff --git a/src/lib/layouts/Docs.svelte b/src/lib/layouts/Docs.svelte
index 41fbe335c9..352afdcb51 100644
--- a/src/lib/layouts/Docs.svelte
+++ b/src/lib/layouts/Docs.svelte
@@ -111,7 +111,7 @@
                         width="130"
                     />
                 </a>
-                <nav class="aw-main-header-nav">
+                <nav class="aw-main-header-nav" aria-label="Docs" >
                     <ul class="aw-main-header-nav-list">
                         <li class="aw-main-header-nav-item">
                             <a class="aw-link" href="/docs">Docs</a>
diff --git a/src/lib/layouts/Main.svelte b/src/lib/layouts/Main.svelte
index 0d28e54773..247c547972 100644
--- a/src/lib/layouts/Main.svelte
+++ b/src/lib/layouts/Main.svelte
@@ -201,7 +201,7 @@
                         width="130"
                     />
                 </a>
-                <nav class="aw-main-header-nav">
+                <nav class="aw-main-header-nav" aria-label="github stars">
                     <ul class="aw-main-header-nav-list">
                         {#each navLinks as { label, href }}
                             <li class="aw-main-header-nav-item">
diff --git a/src/lib/layouts/Sidebar.svelte b/src/lib/layouts/Sidebar.svelte
index 79522c72f5..814821f660 100644
--- a/src/lib/layouts/Sidebar.svelte
+++ b/src/lib/layouts/Sidebar.svelte
@@ -33,7 +33,7 @@
 	}
 </script>
 
-<nav class="aw-side-nav">
+<nav class="aw-side-nav" aria-label="Side Navigation">
 	<div class="aw-side-nav-wrapper">
 		<button
 			class="aw-input-text aw-is-not-desktop"
diff --git a/src/markdoc/tags/Tabs.svelte b/src/markdoc/tags/Tabs.svelte
index 04143514ad..789a712c82 100644
--- a/src/markdoc/tags/Tabs.svelte
+++ b/src/markdoc/tags/Tabs.svelte
@@ -26,7 +26,7 @@
 </script>
 
 <div class="aw-card is-normal u-margin-block-start-16" {...$root} use:root>
-	<nav class="tabs u-flex u-gap-16">
+	<nav class="tabs u-flex u-gap-16" aria-label="Tabs">
 		<ul class="tabs-list" {...$list} use:list>
 			{#each $ctx.triggers.entries() as [id, title]}
 				<li class="tabs-item">

From c95dfbe8cbe66d0f1c0a9d8ac2879fe9ad940f30 Mon Sep 17 00:00:00 2001
From: Christine Belzie <shecoder30@gmail.com>
Date: Tue, 21 Nov 2023 14:06:09 -0500
Subject: [PATCH 2/5] fix: omit extra nav element

---
 src/markdoc/tags/Tabs.svelte | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/markdoc/tags/Tabs.svelte b/src/markdoc/tags/Tabs.svelte
index 789a712c82..652d2f922b 100644
--- a/src/markdoc/tags/Tabs.svelte
+++ b/src/markdoc/tags/Tabs.svelte
@@ -26,7 +26,6 @@
 </script>
 
 <div class="aw-card is-normal u-margin-block-start-16" {...$root} use:root>
-	<nav class="tabs u-flex u-gap-16" aria-label="Tabs">
 		<ul class="tabs-list" {...$list} use:list>
 			{#each $ctx.triggers.entries() as [id, title]}
 				<li class="tabs-item">
@@ -39,6 +38,5 @@
 				</li>
 			{/each}
 		</ul>
-	</nav>
 	<slot />
 </div>

From c1bf4209ab1470cf562ed733c4f92a0d779210c0 Mon Sep 17 00:00:00 2001
From: Christine Belzie <shecoder30@gmail.com>
Date: Tue, 21 Nov 2023 14:09:51 -0500
Subject: [PATCH 3/5] fix: renamed aria-labels for <nav> elements

---
 src/lib/components/FooterNav.svelte | 2 +-
 src/lib/layouts/Docs.svelte         | 2 +-
 src/lib/layouts/Main.svelte         | 2 +-
 src/lib/layouts/Sidebar.svelte      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/FooterNav.svelte b/src/lib/components/FooterNav.svelte
index e3a6214750..41d1f99327 100644
--- a/src/lib/components/FooterNav.svelte
+++ b/src/lib/components/FooterNav.svelte
@@ -78,7 +78,7 @@
         };
 </script>
 
-<nav aria-label="Footer Navigation"
+<nav aria-label="Footer"
     class="aw-footer-nav u-margin-block-start-100 u-position-relative"
     class:aw-u-sep-block-start={!noBorder}
 >
diff --git a/src/lib/layouts/Docs.svelte b/src/lib/layouts/Docs.svelte
index 352afdcb51..46550370d4 100644
--- a/src/lib/layouts/Docs.svelte
+++ b/src/lib/layouts/Docs.svelte
@@ -111,7 +111,7 @@
                         width="130"
                     />
                 </a>
-                <nav class="aw-main-header-nav" aria-label="Docs" >
+                <nav class="aw-main-header-nav" aria-label="Top" >
                     <ul class="aw-main-header-nav-list">
                         <li class="aw-main-header-nav-item">
                             <a class="aw-link" href="/docs">Docs</a>
diff --git a/src/lib/layouts/Main.svelte b/src/lib/layouts/Main.svelte
index 247c547972..617f94dddd 100644
--- a/src/lib/layouts/Main.svelte
+++ b/src/lib/layouts/Main.svelte
@@ -201,7 +201,7 @@
                         width="130"
                     />
                 </a>
-                <nav class="aw-main-header-nav" aria-label="github stars">
+                <nav class="aw-main-header-nav" aria-label="Main">
                     <ul class="aw-main-header-nav-list">
                         {#each navLinks as { label, href }}
                             <li class="aw-main-header-nav-item">
diff --git a/src/lib/layouts/Sidebar.svelte b/src/lib/layouts/Sidebar.svelte
index 814821f660..5c5cb56597 100644
--- a/src/lib/layouts/Sidebar.svelte
+++ b/src/lib/layouts/Sidebar.svelte
@@ -33,7 +33,7 @@
 	}
 </script>
 
-<nav class="aw-side-nav" aria-label="Side Navigation">
+<nav class="aw-side-nav" aria-label="Side">
 	<div class="aw-side-nav-wrapper">
 		<button
 			class="aw-input-text aw-is-not-desktop"

From a7d716b6ed9914cc8b81189286371275ff7c8bca Mon Sep 17 00:00:00 2001
From: Christine Belzie <shecoder30@gmail.com>
Date: Wed, 29 Nov 2023 16:41:04 -0500
Subject: [PATCH 4/5] feat: add a div tag

---
 src/markdoc/tags/Tabs.svelte | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/markdoc/tags/Tabs.svelte b/src/markdoc/tags/Tabs.svelte
index 652d2f922b..e3a8b0352f 100644
--- a/src/markdoc/tags/Tabs.svelte
+++ b/src/markdoc/tags/Tabs.svelte
@@ -26,6 +26,7 @@
 </script>
 
 <div class="aw-card is-normal u-margin-block-start-16" {...$root} use:root>
+	<div class="tabs u-flex u-gap-16">
 		<ul class="tabs-list" {...$list} use:list>
 			{#each $ctx.triggers.entries() as [id, title]}
 				<li class="tabs-item">
@@ -35,8 +36,10 @@
 						{...$trigger(id)}
 						use:trigger>{title}</button
 					>
+			
 				</li>
 			{/each}
 		</ul>
+</div>
 	<slot />
 </div>

From 80c22304f50899ad42b0bdc5173c3dafc57ff1a4 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 12 Dec 2023 16:38:04 +0000
Subject: [PATCH 5/5] fix sidebar

---
 src/lib/layouts/Sidebar.svelte | 75 ++++------------------------------
 1 file changed, 7 insertions(+), 68 deletions(-)

diff --git a/src/lib/layouts/Sidebar.svelte b/src/lib/layouts/Sidebar.svelte
index f334d44088..3e996551c9 100644
--- a/src/lib/layouts/Sidebar.svelte
+++ b/src/lib/layouts/Sidebar.svelte
@@ -35,72 +35,11 @@
     }
 </script>
 
-<nav class="aw-side-nav" aria-label="Side">
-	<div class="aw-side-nav-wrapper">
-		<button
-			class="aw-input-text aw-is-not-desktop"
-			on:click={() => ($layoutState.showSearch = true)}
-		>
-			<span class="aw-icon-search" />
-			<span class="text">Search in docs</span>
-		</button>
-		<div class="aw-side-nav-scroll">
-			{#if parent}
-				<section class="aw-side-nav-wrapper-parent">
-					<a href={parent.href} aria-label="go back">
-						<span class="icon-cheveron-left" aria-hidden="true" />
-					</a>
-					<span class="aw-side-nav-wrapper-parent-title aw-eyebrow">{parent.label}</span>
-				</section>
-			{/if}
-			{#each navigation as navGroup}
-				<section>
-					{#if isNavLink(navGroup)}
-						{#if expandable && !$layoutState.showSidenav}
-							<Tooltip placement="right">
-								<SidebarNavButton groupItem={navGroup} />
-								<svelte:fragment slot="tooltip">{navGroup.label}</svelte:fragment>
-							</Tooltip>
-						{:else}
-							<SidebarNavButton groupItem={navGroup} />
-						{/if}
-					{:else}
-						{#if navGroup.label}
-							<h2 class="aw-side-nav-header aw-eyebrow u-un-break-text">{navGroup.label}</h2>
-						{/if}
-						<ul>
-							{#each navGroup.items as groupItem}
-								<li>
-									{#if expandable && !$layoutState.showSidenav}
-										<Tooltip placement="right">
-											<SidebarNavButton {groupItem} />
-											<svelte:fragment slot="tooltip">{groupItem.label}</svelte:fragment>
-										</Tooltip>
-									{:else}
-										<SidebarNavButton {groupItem} />
-									{/if}
-								</li>
-							{/each}
-						</ul>
-					{/if}
-				</section>
-			{/each}
-		</div>
-		{#if expandable}
-			<button
-				on:click={toggleSidenav}
-				class="aw-icon-button u-margin-inline-start-auto"
-				style:margin-bottom="1rem"
-				aria-label="toggle nav"
-			>
-				<span class="icon-cheveron-right" aria-hidden="true" />
-			</button>
-		{/if}
-		<div class="aw-side-nav-mobile-footer-buttons">
-			<button class="aw-button aw-u-inline-width-100-percent-mobile">
-				<span class="text">Go to console</span>
-			</button>
-<nav class="aw-side-nav" use:clickOutside={() => ($layoutState.showSidenav = false)}>
+<nav
+    class="aw-side-nav"
+    use:clickOutside={() => ($layoutState.showSidenav = false)}
+    aria-label="Side"
+>
     <div class="aw-side-nav-wrapper">
         <button
             class="aw-input-text aw-is-not-desktop"
@@ -166,12 +105,12 @@
             </button>
         {/if}
         <div class="aw-side-nav-mobile-footer-buttons">
-            <button
+            <a
                 href="https://cloud.appwrite.io/console"
                 class="aw-button aw-u-inline-width-100-percent-mobile"
             >
                 <span class="text">Go to console</span>
-            </button>
+            </a>
 
             <a
                 href="https://github.com/appwrite/appwrite/stargazers"