feat: 為列表元件添加角色屬性以改善可訪問性

src/components/layouts/main-layout/AppBarTopCol.vue

@@ -136,7 +136,7 @@
               </template>
             </v-tooltip>
           </template>
-          <v-list density="compact" width="180">
+          <v-list role="none" density="compact" width="180">
             <v-list-subheader class="text-subtitle-1 py-2">顯示設定</v-list-subheader>
             <v-list-item>
               <v-switch

src/components/layouts/main-layout/DrawerDesktopMenu.vue

@@ -1,5 +1,12 @@
 <template>
-  <v-list v-model:opened="openedModel" color="primary" density="compact" prepend-gap="8">
+  <nav aria-label="sidebar navigation">
+    <v-list
+      role="none"
+      v-model:opened="openedModel"
+      color="primary"
+      density="compact"
+      prepend-gap="8"
+    >
       <template v-for="item in menuItems" :key="item.path ?? item.title">
         <v-list-group
           v-if="item.subItems?.length"
@@ -9,7 +16,7 @@
           <template #activator="{ props: activatorProps }">
             <v-list-item
               v-bind="isShrink ? undefined : activatorProps"
-            role="listitem"
+              role="button"
               :aria-selected="undefined"
               :class="{ 'px-0': isShrink }"
               :link="isNavigable(item) && !!item.path"
@@ -54,7 +61,7 @@
               <template #activator="{ props: subProps }">
                 <v-list-item
                   v-bind="subProps"
-                role="listitem"
+                  role="button"
                   :aria-selected="undefined"
                   :link="isNavigable(subItem)"
                   :prepend-icon="subItem.icon || mdiMenuRight"
@@ -149,6 +156,7 @@
         </v-list-item>
       </template>
     </v-list>
+  </nav>
 </template>
 
 <script setup lang="ts">

src/components/layouts/main-layout/DrawerMobileFavoritesPanel.vue

@@ -1,6 +1,6 @@
 <template>
   <v-sheet class="mobile-favorites-panel d-flex flex-column" color="surface">
-    <v-list class="px-2 py-2 flex-grow-1 overflow-auto" density="comfortable">
+    <v-list role="none" class="px-2 py-2 flex-grow-1 overflow-auto" density="comfortable">
       <v-list-item
         v-for="item in favoriteItems"
         :key="item.path ?? item.title"

src/components/layouts/main-layout/DrawerMobileMenuPanel.vue

@@ -1,6 +1,6 @@
 <template>
   <v-sheet class="mobile-menu-panel d-flex flex-column" color="surface">
-    <v-list class="px-2 py-2 flex-grow-1 overflow-auto" density="comfortable">
+    <v-list role="none" class="px-2 py-2 flex-grow-1 overflow-auto" density="comfortable">
       <v-list-item
         v-for="item in mobileCurrentItems"
         :key="item.path ?? item.title"

src/components/login/LoginToolBar.vue

@@ -20,7 +20,7 @@
           variant="text"
         ></v-btn>
       </template>
-      <v-list density="compact">
+      <v-list role="none" density="compact">
         <v-list-item
           v-for="localeOption in localeOptions"
           :key="localeOption"