Make emoji picker buttons accessible
This commit is contained in:
parent
336a966a52
commit
96ef76f1d7
|
@ -22,6 +22,7 @@
|
||||||
active: activeGroupView === group.id
|
active: activeGroupView === group.id
|
||||||
}"
|
}"
|
||||||
:title="group.text"
|
:title="group.text"
|
||||||
|
role="button"
|
||||||
@click.prevent="highlight(group.id)"
|
@click.prevent="highlight(group.id)"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -108,6 +109,7 @@
|
||||||
:key="group.id + emoji.displayText"
|
:key="group.id + emoji.displayText"
|
||||||
:title="maybeLocalizedEmojiName(emoji)"
|
:title="maybeLocalizedEmojiName(emoji)"
|
||||||
class="emoji-item"
|
class="emoji-item"
|
||||||
|
role="button"
|
||||||
@click.stop.prevent="onEmoji(emoji)"
|
@click.stop.prevent="onEmoji(emoji)"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -118,6 +120,7 @@
|
||||||
v-else
|
v-else
|
||||||
class="emoji-picker-emoji -custom"
|
class="emoji-picker-emoji -custom"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
:alt="maybeLocalizedEmojiName(emoji)"
|
||||||
:src="emoji.imageUrl"
|
:src="emoji.imageUrl"
|
||||||
:data-emoji-name="group.id + emoji.displayText"
|
:data-emoji-name="group.id + emoji.displayText"
|
||||||
/>
|
/>
|
||||||
|
|
Loading…
Reference in New Issue