teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat(a11y): improve dropdown item and action button accessiblity (#251)

Browse source
This commit is contained in:
Alex 2022-11-30 21:00:54 +08:00 committed by GitHub
parent e11bf53f86
commit e0a1ceea43
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
components/common/dropdown/DropdownItem.vue
View file

@ -45,6 +45,7 @@ useCommand({
v-bind="$attrs" ref="el" v-bind="$attrs" ref="el"
flex gap-3 items-center cursor-pointer px4 py3 flex gap-3 items-center cursor-pointer px4 py3
hover-bg-active hover-bg-active
:aria-label="text"
@click="handleClick" @click="handleClick"
> >
<div v-if="icon" :class="icon" /> <div v-if="icon" :class="icon" />

3
components/status/StatusActionButton.vue
View file

@ -45,9 +45,10 @@ useCommand({
v-bind="$attrs" ref="el" v-bind="$attrs" ref="el"
w-fit flex gap-1 items-center w-fit flex gap-1 items-center
rounded group :hover="hover" rounded group :hover="hover"
focus:outline-none focus:outline-none cursor-pointer
:focus-visible="hover" :focus-visible="hover"
:class="active ? [color] : 'text-secondary'" :class="active ? [color] : 'text-secondary'"
:aria-label="content"
> >
<CommonTooltip placement="bottom" :content="content"> <CommonTooltip placement="bottom" :content="content">
<div rounded-full p2 :group-hover="groupHover" :group-focus-visible="groupHover" group-focus-visible:ring="2 current"> <div rounded-full p2 :group-hover="groupHover" :group-focus-visible="groupHover" group-focus-visible:ring="2 current">