From 347cfff3586338346983c2f9511d784cbcfb76a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joaqu=C3=ADn=20S=C3=A1nchez?= <userquin@gmail.com>
Date: Wed, 28 Dec 2022 21:35:26 +0100
Subject: [PATCH] fix(a11y): disabled nav side links (#529)

Co-authored-by: Daniel Roe <daniel@roe.dev>
---
 components/nav/NavSideItem.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/components/nav/NavSideItem.vue b/components/nav/NavSideItem.vue
index 79c66f17..64249591 100644
--- a/components/nav/NavSideItem.vue
+++ b/components/nav/NavSideItem.vue
@@ -44,7 +44,15 @@ const noUserVisual = computed(() => isMastoInitialised.value && props.userOnly &
 </script>
 
 <template>
-  <NuxtLink :to="to" :disabled="noUserDisable" :class="noUserVisual ? 'op25 pointer-events-none ' : ''" :active-class="activeClass" group focus:outline-none @click="$scrollToTop">
+  <NuxtLink
+    :to="to"
+    :disabled="noUserDisable"
+    :class="noUserVisual ? 'op25 pointer-events-none ' : ''"
+    :active-class="activeClass"
+    group focus:outline-none disabled:pointer-events-none
+    :tabindex="noUserDisable ? -1 : null"
+    @click="$scrollToTop"
+  >
     <CommonTooltip :disabled="!isMediumScreen" :content="text" placement="right">
       <div
         flex items-center gap4