Merge pull request DSpace#3099 from Neki-IT/LoadingSearchResults

Improving accessibility of the ds-loading component
4Science · Jun 14, 2024 · 4e93255 · 4e93255
2 parents 5040811 + e96d64a
commit 4e93255
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/app/shared/loading/loading.component.html b/src/app/shared/loading/loading.component.html
@@ -1,6 +1,6 @@
 <div *ngIf="!spinner">
- <label *ngIf="showMessage && message">{{ message }}</label>
- <div class="loader">
+ <label *ngIf="showMessage && message" aria-live="polite">{{ message }}</label>
+ <div class="loader" aria-hidden="true">
  <span class="l-1"></span>
  <span class="l-2"></span>
  <span class="l-3"></span>
@@ -13,6 +13,6 @@
  <span class="l-10"></span>
  </div>
 </div>
-<div *ngIf='spinner' class="spinner spinner-border" role="status">
+<div *ngIf='spinner' class="spinner spinner-border" role="status" aria-live="polite">
  <span class="sr-only">{{ message }}</span>
 </div>