From 951300fe8f51013733521fea4b28cba107a174e7 Mon Sep 17 00:00:00 2001
From: Mark Chen <9006264+Mark9804@users.noreply.github.com>
Date: Wed, 27 Nov 2024 16:31:47 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20a11y=20=E5=A2=9E=E5=BC=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/theme/components/ElysiumUI/ElyButton.vue | 2 ++
 .../.vitepress/theme/components/ElysiumUI/ElyProfile.vue | 2 +-
 docs/.vitepress/theme/components/ElysiumUI/ElySpace.vue  | 1 +
 docs/.vitepress/theme/components/ElysiumUI/ElyTag.vue    | 9 ++++++++-
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/docs/.vitepress/theme/components/ElysiumUI/ElyButton.vue b/docs/.vitepress/theme/components/ElysiumUI/ElyButton.vue
index 0eb7b8f..e2c6cdd 100644
--- a/docs/.vitepress/theme/components/ElysiumUI/ElyButton.vue
+++ b/docs/.vitepress/theme/components/ElysiumUI/ElyButton.vue
@@ -53,6 +53,8 @@ const buttonTag = computed(() => (isLink.value ? "a" : "button"));
     :href="isLink ? props.href : null"
     @click="handleClick"
     tabindex="0"
+    role="button"
+    aria-label="按钮"
   >
     <span v-if="loading" class="ely-button__loading">
       <span class="loading-spinner"></span>
diff --git a/docs/.vitepress/theme/components/ElysiumUI/ElyProfile.vue b/docs/.vitepress/theme/components/ElysiumUI/ElyProfile.vue
index 5f7dc56..5c35a19 100644
--- a/docs/.vitepress/theme/components/ElysiumUI/ElyProfile.vue
+++ b/docs/.vitepress/theme/components/ElysiumUI/ElyProfile.vue
@@ -108,7 +108,7 @@ function handleScrollIndicatorClick() {
 
 <template>
   <div
-    aria-label="User profile"
+    aria-label="用户信息"
     class="ely-profile w-full relative flex flex-col items-center absolute top-0 left-0 select-none"
   >
     <canvas
diff --git a/docs/.vitepress/theme/components/ElysiumUI/ElySpace.vue b/docs/.vitepress/theme/components/ElysiumUI/ElySpace.vue
index d4b8230..9d00fe8 100644
--- a/docs/.vitepress/theme/components/ElysiumUI/ElySpace.vue
+++ b/docs/.vitepress/theme/components/ElysiumUI/ElySpace.vue
@@ -98,6 +98,7 @@ const SpaceElement = () => {
               (!!props.divider ? (
                 <span
                   role="separator"
+                  aria-label="分隔符"
                   class="elysium-ui elysium-ui__space--built-in-divider select-none"
                 >
                   {props.divider}
diff --git a/docs/.vitepress/theme/components/ElysiumUI/ElyTag.vue b/docs/.vitepress/theme/components/ElysiumUI/ElyTag.vue
index ebd069e..14b59d3 100644
--- a/docs/.vitepress/theme/components/ElysiumUI/ElyTag.vue
+++ b/docs/.vitepress/theme/components/ElysiumUI/ElyTag.vue
@@ -59,6 +59,7 @@ const handleClose = (e: Event) => {
 <template>
   <span
     :class="classes"
+    :role="props.clickable ? 'button' : null"
     @click="handleClick"
     :tabindex="!props.disabled && props.clickable ? 0 : -1"
     @keydown.space.prevent="handleClick"
@@ -72,7 +73,13 @@ const handleClose = (e: Event) => {
     <span class="elysium-ui__tag--content font-bold">
       <slot></slot>
     </span>
-    <span v-if="closable" class="elysium-ui__tag--close" @click="handleClose">
+    <span
+      v-if="closable"
+      class="elysium-ui__tag--close"
+      @click="handleClose"
+      role="button"
+      aria-label="移除标签"
+    >
       <icon-close />
     </span>
   </span>