From e0a1ceea439771200b6df1dd83600d39aaadfe94 Mon Sep 17 00:00:00 2001
From: Alex <49969959+alexzhang1030@users.noreply.github.com>
Date: Wed, 30 Nov 2022 21:00:54 +0800
Subject: [PATCH] feat(a11y): improve dropdown item and action button
 accessiblity (#251)

---
 components/common/dropdown/DropdownItem.vue | 1 +
 components/status/StatusActionButton.vue    | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/common/dropdown/DropdownItem.vue b/components/common/dropdown/DropdownItem.vue
index 06e7d85a..703e59be 100644
--- a/components/common/dropdown/DropdownItem.vue
+++ b/components/common/dropdown/DropdownItem.vue
@@ -45,6 +45,7 @@ useCommand({
     v-bind="$attrs" ref="el"
     flex gap-3 items-center cursor-pointer px4 py3
     hover-bg-active
+    :aria-label="text"
     @click="handleClick"
   >
     <div v-if="icon" :class="icon" />
diff --git a/components/status/StatusActionButton.vue b/components/status/StatusActionButton.vue
index 0416e7e0..1c79f536 100644
--- a/components/status/StatusActionButton.vue
+++ b/components/status/StatusActionButton.vue
@@ -45,9 +45,10 @@ useCommand({
     v-bind="$attrs" ref="el"
     w-fit flex gap-1 items-center
     rounded group :hover="hover"
-    focus:outline-none
+    focus:outline-none cursor-pointer
     :focus-visible="hover"
     :class="active ? [color] : 'text-secondary'"
+    :aria-label="content"
   >
     <CommonTooltip placement="bottom" :content="content">
       <div rounded-full p2 :group-hover="groupHover" :group-focus-visible="groupHover" group-focus-visible:ring="2 current">