Add dialog role to side menu and clean CSS

shweta2101 · shweta2101 · commit f7c259f7c58e · 2026-05-25T18:42:12.000+05:30
Add role="dialog" to the side menu element in AppNavbar.vue to improve accessibility and complement existing ARIA attributes. Remove an explicit color rule from .team-members-btn in teams/Item.vue to stop overriding the global body color and keep link styling consistent.
diff --git a/components/AppNavbar.vue b/components/AppNavbar.vue
@@ -100,6 +100,7 @@
       ref="sideMenuRef"
       class="sideMenu"
       :class="{ sideMenuOpen: mobileMenuOpen && isMobileView }"
+      role="dialog"
       aria-label="Navigation menu"
       :aria-modal="mobileMenuOpen && isMobileView ? 'true' : 'false'"
     >
diff --git a/components/teams/Item.vue b/components/teams/Item.vue
@@ -89,7 +89,6 @@ async function remove() {
 .team-members-btn {
   display: block;
   padding: 0;
-  color: $body-color;
   text-decoration: none;
 
   &:hover {

Original file line number	Diff line number	Diff line change
`@@ -100,6 +100,7 @@`
`100`	`100`	`ref="sideMenuRef"`
`101`	`101`	`class="sideMenu"`
`102`	`102`	`:class="{ sideMenuOpen: mobileMenuOpen && isMobileView }"`
	`103`	`+ role="dialog"`
`103`	`104`	`aria-label="Navigation menu"`
`104`	`105`	`:aria-modal="mobileMenuOpen && isMobileView ? 'true' : 'false'"`
`105`	`106`	`>`