aboutsummaryrefslogtreecommitdiff
path: root/src/components/font_control/font_control.vue
diff options
context:
space:
mode:
authortusooa <tusooa@kazv.moe>2023-03-03 23:38:56 -0500
committertusooa <tusooa@kazv.moe>2023-03-03 23:38:56 -0500
commitda46c30893a4ae5e3aaf2de2213e73281e87aaf2 (patch)
treebb3dcbcdd3c2b158ddea5dd03fdbd1dc121d639a /src/components/font_control/font_control.vue
parent08421939571205e611c1743dfbad1b76083e7f06 (diff)
Fix display of theme checkboxes
Diffstat (limited to 'src/components/font_control/font_control.vue')
-rw-r--r--src/components/font_control/font_control.vue5
1 files changed, 4 insertions, 1 deletions
diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index bb7e64bc..e2ba74d1 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -4,6 +4,7 @@
:class="{ custom: isCustom }"
>
<label
+ :id="name + '-label'"
:for="preset === 'custom' ? name : name + '-font-switcher'"
class="label"
>
@@ -12,7 +13,8 @@
<input
v-if="typeof fallback !== 'undefined'"
:id="name + '-o'"
- class="opt exlcude-disabled"
+ :aria-labelledby="name + '-label'"
+ class="opt exlcude-disabled visible-for-screenreader-only"
type="checkbox"
:checked="present"
@change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
@@ -21,6 +23,7 @@
v-if="typeof fallback !== 'undefined'"
class="opt-l"
:for="name + '-o'"
+ :aria-hidden="true"
/>
{{ ' ' }}
<Select