From d33ce8a8d53769af581e189b1337829323ee6ed4 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Sat, 21 Oct 2023 04:16:41 +0200
Subject: [PATCH] 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>
---
 apps/settings/src/components/Users/UserRow.vue | 4 ++--
 1 file 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,