sascha
/
nextcloud-server
mirror of https://github.com/nextcloud/server.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(settings): label user quota progress with aria-labelledby 

Labeling with `<label>` doesn't work in some screen readers.
`<label>` also doesn't work as a clickable link here.

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
pull/41034/head
Grigorii K. Shartsev 2023-10-21 04:16:41 +07:00
parent 5249c3376e
commit d33ce8a8d5
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/settings/src/components/Users/UserRow.vue
Unescape Escape View File

@ -190,8 +190,8 @@
@option:selected="setUserQuota" />
</template>
<template v-else-if="!isObfuscated">
<label :for="'quota-progress' + uniqueId">{{ userQuota }} ({{ usedSpace }})</label>
<NcProgressBar :id="'quota-progress' + uniqueId"
<span :id="'quota-progress' + uniqueId">{{ userQuota }} ({{ usedSpace }})</span>
<NcProgressBar :aria-labelledby="'quota-progress' + uniqueId"
class="row__progress"
:class="{
'row__progress--warn': usedQuota > 80,