From b61e7280a13ec5190b9774500a9e9e1d85975380 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Thu, 18 Aug 2022 17:18:56 -0400
Subject: [PATCH] Fix quotameter a11y label; have to work around bootstrap-vue
 shortcoming here.

xref: https://dequeuniversity.com/rules/axe/4.4/aria-progressbar-name
---
 client/src/components/Masthead/QuotaMeter.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Masthead/QuotaMeter.vue b/client/src/components/Masthead/QuotaMeter.vue
index 5dff5200fa4..206a1fdb110 100644
--- a/client/src/components/Masthead/QuotaMeter.vue
+++ b/client/src/components/Masthead/QuotaMeter.vue
@@ -5,7 +5,9 @@
                 {{ usingString + " " + totalUsageString }}
             </b-link>
             <b-link v-else v-b-tooltip.hover.left class="quota-progress" to="/storage" :title="title">
-                <b-progress :value="usage" :max="100" :variant="variant" />
+                <b-progress :max="100">
+                    <b-progress-bar aria-label="Quota usage" :value="usage" :variant="variant" />
+                </b-progress>
                 <span>{{ usingString + " " + usage.toFixed(0) }}%</span>
             </b-link>
         </div>