Update web/components/Notifications/Sidebar.vue

elibosley · coderabbitai[bot] · elibosley · commit d2f3358d39b7 · 2024-12-18T12:28:02.000-05:00
Co-authored-by: coderabbitai[bot] &lt;136622811+coderabbitai[bot]@users.noreply.github.com&gt;
diff --git a/web/components/Notifications/Sidebar.vue b/web/components/Notifications/Sidebar.vue
@@ -58,9 +58,13 @@ const overview = computed(() => {
         <Button variant="link" size="sm" class="p-0 h-auto"> Edit Settings </Button>
         </a>
       </SheetHeader>
-      <Tabs default-value="unread" class="flex flex-1 flex-col min-h-0">
+      <Tabs 
+        default-value="unread" 
+        class="flex flex-1 flex-col min-h-0"
+        aria-label="Notification filters"
+      >
       <div class="flex flex-row justify-between items-center flex-wrap gap-5 px-6">
-        <TabsList class="flex">
+        <TabsList class="flex" aria-label="Filter notifications by status">
         <TabsTrigger value="unread">
           Unread <span v-if="overview">({{ overview.unread.total }})</span>
         </TabsTrigger>
