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
parent 749a266f78
commit 34396091e8
No known key found for this signature in database
GPG Key ID: CBD846FC845CBE17
3 changed files with 13 additions and 6 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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}