fix(user_status): Group custom message input elements and assign label to emoji selector

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

diff --git a/apps/user_status/src/components/CustomMessageInput.vue b/apps/user_status/src/components/CustomMessageInput.vue
index 4fd649dc166d8f432824db200e80a6941cc1d9d1..5e313c97428676251bee78164193205ca35d8e43 100644 (file)
--- a/apps/user_status/src/components/CustomMessageInput.vue
+++ b/apps/user_status/src/components/CustomMessageInput.vue
@@ -19,9 +19,11 @@
   -
   -->
 <template>
-       <div class="custom-input">
+       <div class="custom-input" role="group">
                <NcEmojiPicker container=".custom-input" @select="setIcon">
-                       <NcButton class="custom-input__emoji-button" type="tertiary">
+                       <NcButton type="tertiary"
+                               class="custom-input__emoji-button"
+                               :aria-label="t('user_status', 'Emoji for your status message')">
                                {{ visibleIcon }}
                        </NcButton>
                </NcEmojiPicker>