From 57dbf67f40f36ae5febf5dc74afa648759ab93d1 Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Tue, 25 Apr 2023 13:42:28 +0200
Subject: [PATCH 1/2] add labels to NcTextField components

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 .../NewGroupConversation/SetContacts/SetContacts.vue   |  2 +-
 .../SetConversationName/SetConversationName.vue        |  2 +-
 src/components/LeftSidebar/SearchBox/SearchBox.vue     |  2 +-
 .../NewMessageForm/SimplePollsEditor/PollOption.vue    |  9 +++++----
 .../SimplePollsEditor/SimplePollsEditor.vue            | 10 ++++++----
 src/views/RoomSelector.vue                             |  1 +
 6 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue b/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue
index 7296414e82..933a33f685 100644
--- a/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue
+++ b/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue
@@ -26,7 +26,7 @@
 			v-observe-visibility="visibilityChanged"
 			:value.sync="searchText"
 			type="text"
-			:placeholder="t('spreed', 'Search participants')"
+			:label="t('spreed', 'Search participants')"
 			@input="handleInput">
 			<Magnify :size="16" />
 		</NcTextField>
diff --git a/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue b/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue
index c4a9619f32..37808d8f71 100644
--- a/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue
+++ b/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue
@@ -25,7 +25,7 @@
 			v-observe-visibility="visibilityChanged"
 			type="text"
 			:value="value"
-			:placeholder="t('spreed', 'Conversation name')"
+			:label="t('spreed', 'Conversation name')"
 			@input="handleInput"
 			@keydown.enter="handleKeydown" />
 	</div>
diff --git a/src/components/LeftSidebar/SearchBox/SearchBox.vue b/src/components/LeftSidebar/SearchBox/SearchBox.vue
index 5092d6252c..31c65f45be 100644
--- a/src/components/LeftSidebar/SearchBox/SearchBox.vue
+++ b/src/components/LeftSidebar/SearchBox/SearchBox.vue
@@ -23,7 +23,7 @@
 	<form @submit.prevent="handleSubmit">
 		<NcTextField ref="searchConversations"
 			:value.sync="localValue"
-			:placeholder="placeholderText"
+			:label="placeholderText"
 			:show-trailing-button="isSearching"
 			trailing-button-icon="close"
 			@trailing-button-click="abortSearch"
diff --git a/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue b/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue
index f959f8b78b..b5cbe89d66 100644
--- a/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue
+++ b/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue
@@ -26,10 +26,11 @@
 		<NcButton v-if="canDelete"
 			type="tertiary-no-background"
 			@click="deleteOption">
-			<Close slot="icon"
-				decorative
-				title=""
-				:size="20" />
+			<template #icon>
+				<Close decorative
+					title=""
+					:size="20" />
+			</template>
 		</NcButton>
 	</form>
 </template>
diff --git a/src/components/NewMessageForm/SimplePollsEditor/SimplePollsEditor.vue b/src/components/NewMessageForm/SimplePollsEditor/SimplePollsEditor.vue
index 133e531b6e..6990cc2b90 100644
--- a/src/components/NewMessageForm/SimplePollsEditor/SimplePollsEditor.vue
+++ b/src/components/NewMessageForm/SimplePollsEditor/SimplePollsEditor.vue
@@ -31,24 +31,26 @@
 			<p class="simple-polls-editor__caption">
 				{{ t('spreed', 'Question') }}
 			</p>
-			<NcTextField :value.sync="pollQuestion" :placeholder="t('spreed', 'Ask a question')" v-on="$listeners" />
+			<NcTextField :value.sync="pollQuestion" :label="t('spreed', 'Ask a question')" v-on="$listeners" />
 
 			<!-- Poll options -->
 			<p class="simple-polls-editor__caption">
 				{{ t('spreed', 'Answers') }}
 			</p>
-			<PollOption v-for="option, index in pollOptions"
+			<PollOption v-for="(option, index) in pollOptions"
 				:key="index"
 				:ref="`pollOption${index}`"
 				class="simple-polls-editor__option"
 				:value.sync="pollOptions[index]"
-				:placeholder="t('spreed', 'Answer {option}', {option: index + 1})"
+				:label="t('spreed', 'Answer {option}', {option: index + 1})"
 				:can-delete="pollOptions.length > 2"
 				@delete-option="deleteOption(index)" />
 
 			<!-- Add options -->
 			<NcButton class="simple-polls-editor__add-more" type="tertiary-no-background" @click="addOption">
-				<Plus slot="icon" />
+				<template #icon>
+					<Plus />
+				</template>
 				{{ t('spreed', 'Add answer') }}
 			</NcButton>
 
diff --git a/src/views/RoomSelector.vue b/src/views/RoomSelector.vue
index e7afc7a718..ac2bc116f8 100644
--- a/src/views/RoomSelector.vue
+++ b/src/views/RoomSelector.vue
@@ -35,6 +35,7 @@
 				<NcTextField :value.sync="searchText"
 					trailing-button-icon="close"
 					class="search-form"
+					:label="t('spreed', 'Search conversations or users')"
 					:show-trailing-button="searchText !==''"
 					@trailing-button-click="clearText">
 					<Magnify :size="16" />

From 908aa403203c82284b7cecf6cf545bc48c1e3dcc Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Tue, 25 Apr 2023 14:16:51 +0200
Subject: [PATCH 2/2] add labels to rest NcButton components

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 .../MessagesGroup/Message/MessagePart/PollVotersDetails.vue  | 1 +
 .../NewMessageForm/SimplePollsEditor/PollOption.vue          | 5 ++---
 src/components/TopBar/TopBar.vue                             | 2 ++
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/PollVotersDetails.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/PollVotersDetails.vue
index 4825e897f4..82e72d9f44 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/PollVotersDetails.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/PollVotersDetails.vue
@@ -23,6 +23,7 @@
 	<NcPopover class="poll-voters-details" trigger="hover">
 		<template #trigger>
 			<NcButton type="tertiary-no-background"
+				:aria-label="t('spreed','Voted participants')"
 				class="poll-voters-details__button">
 				<template #icon>
 					<AvatarWrapper v-for="(item, index) in details.slice(0, 8)"
diff --git a/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue b/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue
index b5cbe89d66..99ce82c11b 100644
--- a/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue
+++ b/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue
@@ -25,11 +25,10 @@
 		<NcTextField class="poll-option__input" v-bind="$attrs" v-on="$listeners" />
 		<NcButton v-if="canDelete"
 			type="tertiary-no-background"
+			:aria-label="t('spreed', 'Delete poll option')"
 			@click="deleteOption">
 			<template #icon>
-				<Close decorative
-					title=""
-					:size="20" />
+				<Close :size="20" />
 			</template>
 		</NcButton>
 	</form>
diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index 7656a5cfc6..ae654306d1 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/src/components/TopBar/TopBar.vue
@@ -117,6 +117,8 @@
 
 			<!-- in call: open chat tab -->
 			<NcButton v-else
+				:aria-label="t('spreed', 'Open chat')"
+				:title="t('spreed', 'Open chat')"
 				class="top-bar__button chat-button dark-hover"
 				type="tertiary"
 				@click="openSidebar('chat')">