pleroma-fe

commit: 3c041b2ba1db229917e4323041d8be6f42335ace
parent d8d2507303812961f33f6f7bb3d198d4cc6cc5d0
Author: HJ <30-hj@users.noreply.git.pleroma.social>
Date:   Tue, 22 Aug 2023 20:38:02 +0000

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

Make emoji picker buttons accessible

See merge request pleroma/pleroma-fe!1840
Diffstat:
A
changelog.d/emoji-picker-button-accessible.fix
1
+
M
src/components/emoji_picker/emoji_picker.vue
3
+++

2 files changed, 4 insertions(+), 0 deletions(-)
diff --git a/changelog.d/emoji-picker-button-accessible.fix b/changelog.d/emoji-picker-button-accessible.fix
@@ -0,0 +1 @@
+Add alt text to emoji picker buttons
diff --git a/src/components/emoji_picker/emoji_picker.vue b/src/components/emoji_picker/emoji_picker.vue
@@ -28,6 +28,7 @@
               active: activeGroupView === group.id
             }"
             :title="group.text"
+            role="button"
             @click.prevent="highlight(group.id)"
           >
             <span
@@ -116,6 +117,7 @@
                     :key="group.id + emoji.displayText"
                     :title="maybeLocalizedEmojiName(emoji)"
                     class="emoji-item"
+                    role="button"
                     @click.stop.prevent="onEmoji(emoji)"
                   >
                     <span
@@ -126,6 +128,7 @@
                       v-else
                       class="emoji-picker-emoji -custom"
                       loading="lazy"
+                      :alt="maybeLocalizedEmojiName(emoji)"
                       :src="emoji.imageUrl"
                       :data-emoji-name="group.id + emoji.displayText"
                     />