mirror of
https://github.com/elk-zone/elk.git
synced 2024-09-06 12:19:08 +01:00
feat(a11y): improve dropdown item and action button accessiblity (#251)
This commit is contained in:
parent
e11bf53f86
commit
e0a1ceea43
2 changed files with 3 additions and 1 deletions
|
@ -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" />
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue