diff --git a/src/lib/components/common/Tags.svelte b/src/lib/components/common/Tags.svelte
index 0f19eed9d..6c34b72de 100644
--- a/src/lib/components/common/Tags.svelte
+++ b/src/lib/components/common/Tags.svelte
@@ -9,7 +9,7 @@
export let tags = [];
-
+
{
@@ -23,4 +23,4 @@
dispatch('add', e.detail);
}}
/>
-
+
diff --git a/src/lib/components/common/Tags/TagInput.svelte b/src/lib/components/common/Tags/TagInput.svelte
index a7a1a7891..b7e914803 100644
--- a/src/lib/components/common/Tags/TagInput.svelte
+++ b/src/lib/components/common/Tags/TagInput.svelte
@@ -29,6 +29,7 @@
bind:value={tagName}
class=" px-2 cursor-pointer self-center text-xs h-fit bg-transparent outline-hidden line-clamp-1 w-[6.5rem]"
placeholder={$i18n.t('Add a tag')}
+ aria-label={$i18n.t('Add a tag')}
list="tagOptions"
on:keydown={(event) => {
if (event.key === 'Enter') {
@@ -48,6 +49,7 @@
viewBox="0 0 16 16"
fill="currentColor"
stroke-width="2"
+ aria-hidden="true"
class="w-3 h-3"
>
import { createEventDispatcher } from 'svelte';
+ import { getContext } from 'svelte';
+ const i18n = getContext('i18n');
import Tooltip from '../Tooltip.svelte';
import XMark from '$lib/components/icons/XMark.svelte';
import Badge from '../Badge.svelte';
@@ -10,7 +12,7 @@
{#each tags as tag}
-
@@ -23,10 +25,11 @@
dispatch('delete', tag.name);
}}
type="button"
+ aria-label={$i18n.t('Remove this tag from list')}
>
-
+
{/each}