From 0d5d95d502a13e69d4b10c3225792fdeb1211ff4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Thu, 26 Jan 2023 21:06:45 +0100
Subject: [PATCH] Add aria-labels to colorpicker buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
---
 l10n/messages.pot                              | 6 ++++++
 src/components/NcColorPicker/NcColorPicker.vue | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/l10n/messages.pot b/l10n/messages.pot
index 99a5ddad52..bde9f600c4 100644
--- a/l10n/messages.pot
+++ b/l10n/messages.pot
@@ -26,6 +26,9 @@ msgstr ""
 msgid "Avatar of {displayName}, {status}"
 msgstr ""
 
+msgid "Back"
+msgstr ""
+
 msgid "Cancel changes"
 msgstr ""
 
@@ -92,6 +95,9 @@ msgstr ""
 msgid "More items …"
 msgstr ""
 
+msgid "More options"
+msgstr ""
+
 msgid "Next"
 msgstr ""
 
diff --git a/src/components/NcColorPicker/NcColorPicker.vue b/src/components/NcColorPicker/NcColorPicker.vue
index 2e9815e40a..738381ebef 100644
--- a/src/components/NcColorPicker/NcColorPicker.vue
+++ b/src/components/NcColorPicker/NcColorPicker.vue
@@ -188,6 +188,7 @@ export default {
 			<div class="color-picker__navigation">
 				<NcButton v-if="advanced"
 					type="tertiary"
+					:aria-label="ariaBack"
 					@click="handleBack">
 					<template #icon>
 						<ArrowLeft :size="20" />
@@ -195,6 +196,7 @@ export default {
 				</NcButton>
 				<NcButton v-if="!advanced"
 					type="tertiary"
+					:aria-label="ariaMore"
 					@click="handleMoreSettings">
 					<template #icon>
 						<DotsHorizontal :size="20" />
@@ -284,6 +286,8 @@ export default {
 		return {
 			currentColor: this.value,
 			advanced: false,
+			ariaBack: t('Back'),
+			ariaMore: t('More options'),
 		}
 	},