meta 无障碍

src/pages/Home/components/DownloadButton.vue

@@ -4,6 +4,7 @@
       <router-link
         v-if="item.isInternal"
         :to="item.link"
+        :aria-label="item.label"
         class="lucid-glass-bar flex h-[40px] w-[140px] shrink-0 items-center space-x-2 rounded-full border border-white/20 transition-transform hover:brightness-110 active:scale-95 md:h-[50px] md:w-[180px]"
       >
         <div class="flex items-center justify-center">
@@ -14,6 +15,7 @@
         v-else
         :href="item.link"
         target="_blank"
+        :aria-label="item.label"
         class="lucid-glass-bar flex h-[40px] w-[140px] shrink-0 items-center space-x-2 rounded-full transition-transform hover:brightness-110 active:scale-95 md:h-[50px] md:w-[180px]"
       >
         <div class="flex items-center justify-center">
@@ -32,9 +34,9 @@ import Icon4 from './Group 108.svg?component'
 import { downLoadAndroid, downLoadWin, downLoadMac } from '@/utils/constant.ts'
 // 定义下载链接数据
 const downloadLinks = [
-  { icon: Icon2, link: '/help', isInternal: true },
-  { icon: Icon1, link: downLoadWin },
-  { icon: Icon3, link: downLoadMac },
-  { icon: Icon4, link: downLoadAndroid },
+  { icon: Icon2, link: '/help', isInternal: true, label: '查看帮助中心' },
+  { icon: Icon1, link: downLoadWin, label: '下载 Windows 版客户端' },
+  { icon: Icon3, link: downLoadMac, label: '下载 macOS 版客户端' },
+  { icon: Icon4, link: downLoadAndroid, label: '下载 Android 版客户端' },
 ]
 </script>

src/pages/Home/index.vue

@@ -16,7 +16,7 @@
             <div v-if="isLoggedIn" class="flex items-center">
               <router-link
                 to="/user-center"
-                class="flex size-[30px] items-center justify-center rounded-full bg-[#2E3427] text-xl font-bold text-white shadow-lg transition hover:scale-105 md:size-[40px] md:text-3xl"
+                class="flex size-[30px] items-center justify-center rounded-full bg-[#78788029] text-xl font-bold text-white shadow-lg transition hover:scale-105 md:size-[40px] md:text-3xl"
               >
                 {{ userLetter }}
               </router-link>
@@ -89,7 +89,7 @@
                 class="lucid-glass-bar mt-[8px] flex h-[30px] w-[100px] shrink-0 items-center justify-center space-x-2 rounded-full transition-transform hover:brightness-110 md:mt-[16px]"
               >
                 <div class="flex items-center justify-center">
-                  <img src="./x-logo.png" class="h-[16px] w-[77px]" />
+                  <img src="./x-logo.png" alt="X.com" class="h-[16px] w-[77px]" />
                 </div>
               </a>
             </div>