extern/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-08-16 10:07:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fixes for screen readers on podcast page and episodes table

Browse Source
This commit is contained in:
advplyr
2025-03-07 17:23:18 -06:00
parent 31be775c32
commit d3fd19da65
5 changed files with 32 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/components/ui/Checkbox.vue
View File

@ -1,7 +1,7 @@
<template>
<label class="flex justify-start items-center" :class="!disabled ? 'cursor-pointer' : ''">
<div class="border-2 rounded flex flex-shrink-0 justify-center items-center" :class="wrapperClass">
<input v-model="selected" :disabled="disabled" type="checkbox" class="opacity-0 absolute" :class="!disabled ? 'cursor-pointer' : ''" />
<input v-model="selected" :disabled="disabled" type="checkbox" :aria-label="ariaLabel" class="opacity-0 absolute" :class="!disabled ? 'cursor-pointer' : ''" />
<span v-if="partial" class="material-symbols text-base leading-none text-gray-400">remove</span>
<svg v-else-if="selected" class="fill-current pointer-events-none" :class="svgClass" viewBox="0 0 20 20"><path d="M0 11l2-2 5 5L18 3l2 2L7 18z" /></svg>
</div>
@ -33,7 +33,11 @@ export default {
default: ''
},
disabled: Boolean,
partial: Boolean
partial: Boolean,
ariaLabel: {
type: String,
default: ''
}
},
data() {
return {}
@ -75,4 +79,4 @@ export default {
methods: {},
mounted() {}
}
</script>
</script>