diff --git a/src/lib/components/FooterNav.svelte b/src/lib/components/FooterNav.svelte
index 4c6555ebd0..41d1f99327 100644
--- a/src/lib/components/FooterNav.svelte
+++ b/src/lib/components/FooterNav.svelte
@@ -78,7 +78,7 @@
         };
 </script>
 
-<nav
+<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 d01f179a3b..ebfe0653f5 100644
--- a/src/lib/layouts/Docs.svelte
+++ b/src/lib/layouts/Docs.svelte
@@ -124,7 +124,7 @@
                         width="130"
                     />
                 </a>
-                <nav class="aw-main-header-nav">
+                <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 ae6cb8a236..d2d0625d38 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="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 bace756b3b..3e996551c9 100644
--- a/src/lib/layouts/Sidebar.svelte
+++ b/src/lib/layouts/Sidebar.svelte
@@ -35,7 +35,11 @@
     }
 </script>
 
-<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"
@@ -101,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"
diff --git a/src/markdoc/tags/Tabs.svelte b/src/markdoc/tags/Tabs.svelte
index 04143514ad..e3a8b0352f 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">
+	<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">
@@ -36,9 +36,10 @@
 						{...$trigger(id)}
 						use:trigger>{title}</button
 					>
+			
 				</li>
 			{/each}
 		</ul>
-	</nav>
+</div>
 	<slot />
 </div>