Fix screenreader label of search icon

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan C. Borchardt 2021-04-13 20:00:12 +02:00 committed by backportbot[bot]
parent e29963f0fc
commit 427270396c
1 changed files with 8 additions and 1 deletions

View File

@ -28,7 +28,10 @@
@close="onClose"> @close="onClose">
<!-- Header icon --> <!-- Header icon -->
<template #trigger> <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> </template>
<!-- Search form & filters wrapper --> <!-- Search form & filters wrapper -->
@ -191,6 +194,10 @@ export default {
}, {}) }, {})
}, },
ariaLabel() {
return t('core', 'Search')
},
/** /**
* Is there any result to display * Is there any result to display
* @returns {boolean} * @returns {boolean}