diff options
| -rw-r--r-- | src/components/Global/LoadingBar.vue | 11 | ||||
| -rw-r--r-- | src/locales/en-US.json | 3 |
2 files changed, 8 insertions, 6 deletions
diff --git a/src/components/Global/LoadingBar.vue b/src/components/Global/LoadingBar.vue index d972b869..ee333404 100644 --- a/src/components/Global/LoadingBar.vue +++ b/src/components/Global/LoadingBar.vue @@ -1,10 +1,11 @@ <template> <transition name="fade"> - <b-progress - v-if="!isLoadingComplete" - :value="loadingIndicatorValue" - height="0.4rem" - /> + <b-progress v-if="!isLoadingComplete" height="0.4rem"> + <b-progress-bar + :value="loadingIndicatorValue" + :aria-label="$t('global.ariaLabel.progressBar')" + /> + </b-progress> </transition> </template> diff --git a/src/locales/en-US.json b/src/locales/en-US.json index 43065348..fd978372 100644 --- a/src/locales/en-US.json +++ b/src/locales/en-US.json @@ -20,7 +20,8 @@ }, "ariaLabel": { "showPassword": "Show password as plain text. Note: this will visually expose your password on the screen.", - "tooltip": "Tooltip" + "tooltip": "Tooltip", + "progressBar": "Page loading progress bar" }, "calendar": { "openDatePicker": "Open date picker", |