diff --git a/frontend/src/components/base/BaseCheckbox.vue b/frontend/src/components/base/BaseCheckbox.vue
index d75c22847..625944490 100644
--- a/frontend/src/components/base/BaseCheckbox.vue
+++ b/frontend/src/components/base/BaseCheckbox.vue
@@ -11,6 +11,7 @@
class="is-sr-only"
:checked="modelValue"
:disabled="disabled || undefined"
+ :aria-label="ariaLabel"
@change="(event) => emit('update:modelValue', (event.target as HTMLInputElement).checked)"
>
@@ -22,8 +23,10 @@
withDefaults(defineProps<{
modelValue?: boolean,
disabled: boolean,
+ ariaLabel?: string,
}>(), {
modelValue: false,
+ ariaLabel: undefined,
})
const emit = defineEmits<{
diff --git a/frontend/src/components/input/FancyCheckbox.vue b/frontend/src/components/input/FancyCheckbox.vue
index 9e847cf11..2316c439f 100644
--- a/frontend/src/components/input/FancyCheckbox.vue
+++ b/frontend/src/components/input/FancyCheckbox.vue
@@ -7,6 +7,7 @@
}"
:disabled="disabled"
:model-value="modelValue"
+ :aria-label="ariaLabel"
@update:modelValue="value => emit('update:modelValue', value)"
>
@@ -26,10 +27,12 @@ import BaseCheckbox from '@/components/base/BaseCheckbox.vue'
withDefaults(defineProps<{
modelValue: boolean,
disabled?: boolean,
- isBlock?: boolean
+ isBlock?: boolean,
+ ariaLabel?: string,
}>(), {
disabled: false,
isBlock: false,
+ ariaLabel: undefined,
})
const emit = defineEmits<{
diff --git a/frontend/src/components/tasks/partials/SingleTaskInProject.vue b/frontend/src/components/tasks/partials/SingleTaskInProject.vue
index 0576416e6..ce1b5051f 100644
--- a/frontend/src/components/tasks/partials/SingleTaskInProject.vue
+++ b/frontend/src/components/tasks/partials/SingleTaskInProject.vue
@@ -19,6 +19,7 @@