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

Make emoji picker buttons accessible

See merge request pleroma/pleroma-fe!1840

changelog.d/emoji-picker-button-accessible.fix

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

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