diff options
| author | Grigorii K. Shartsev <me@shgk.me> | 2023-10-21 04:16:41 +0200 |
|---|---|---|
| committer | Grigorii K. Shartsev <me@shgk.me> | 2023-10-21 04:16:45 +0200 |
| commit | d33ce8a8d53769af581e189b1337829323ee6ed4 (patch) | |
| tree | 8c915364ddd7a6cbcb17e780e4c8fb7bf5ed2972 /apps/settings/src | |
| parent | 5249c3376e70c3ff8dce7f60287b1f8711cc9b86 (diff) | |
| download | nextcloud-server-d33ce8a8d53769af581e189b1337829323ee6ed4.tar.gz nextcloud-server-d33ce8a8d53769af581e189b1337829323ee6ed4.zip | |
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>
Diffstat (limited to 'apps/settings/src')
| -rw-r--r-- | apps/settings/src/components/Users/UserRow.vue | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/apps/settings/src/components/Users/UserRow.vue b/apps/settings/src/components/Users/UserRow.vue index 8b39e611044..a013077a582 100644 --- a/apps/settings/src/components/Users/UserRow.vue +++ b/apps/settings/src/components/Users/UserRow.vue @@ -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, |