moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'tusooa/emoji-picker-button-accessible' into 'develop' 

Make emoji picker buttons accessible

See merge request pleroma/pleroma-fe!1840
This commit is contained in:
HJ 2023-08-22 20:38:02 +00:00
parent d8d2507303 16140c278b
commit 3c041b2ba1
2 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changelog.d/emoji-picker-button-accessible.fix Normal file
View File

@ -0,0 +1 @@
Add alt text to emoji picker buttons

3
src/components/emoji_picker/emoji_picker.vue
View File

@ -28,6 +28,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
@ -116,6 +117,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
@ -126,6 +128,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"
/> />