Make emoji picker buttons accessible

This commit is contained in:
tusooa 2023-06-18 15:44:19 -04:00
parent 336a966a52
commit 96ef76f1d7
No known key found for this signature in database
GPG Key ID: 42AEC43D48433C51
1 changed files with 3 additions and 0 deletions

View File

@ -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"
/> />