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