From 34396091e8ffac0beea97a8d3ba6ed4d217eaf58 Mon Sep 17 00:00:00 2001
From: "Jan C. Borchardt" <hey@jancborchardt.net>
Date: Tue, 13 Apr 2021 20:00:12 +0200
Subject: Fix screenreader label of search icon

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
---
 core/src/views/UnifiedSearch.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'core/src')

diff --git a/core/src/views/UnifiedSearch.vue b/core/src/views/UnifiedSearch.vue
index 45e373ade71..80ba7c7c7b9 100644
--- a/core/src/views/UnifiedSearch.vue
+++ b/core/src/views/UnifiedSearch.vue
@@ -28,7 +28,10 @@
 		@close="onClose">
 		<!-- Header icon -->
 		<template #trigger>
-			<Magnify class="unified-search__trigger" :size="20" fill-color="var(--color-primary-text)" />
+			<Magnify class="unified-search__trigger"
+				:size="20"
+				:title="ariaLabel"
+				fill-color="var(--color-primary-text)" />
 		</template>
 
 		<!-- Search form & filters wrapper -->
@@ -191,6 +194,10 @@ export default {
 			}, {})
 		},
 
+		ariaLabel() {
+			return t('core', 'Search')
+		},
+
 		/**
 		 * Is there any result to display
 		 * @returns {boolean}
-- 
cgit v1.2.3