upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-05-28 04:32:30 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 25

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

Browse source 
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>
This commit is contained in:
Grigorii K. Shartsev 2023-10-21 04:16:41 +02: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
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,