Commits

Tim Donohue authored and GitHub committed 4e93255f018 Merge
Merge pull request #3099 from Neki-IT/LoadingSearchResults

Improving accessibility of the ds-loading component
No tags
gidlmaster

src/app/shared/loading/loading.component.html

Modified
1 1 <div *ngIf="!spinner">
2 - <label *ngIf="showMessage && message">{{ message }}</label>
3 - <div class="loader">
2 + <label *ngIf="showMessage && message" aria-live="polite">{{ message }}</label>
3 + <div class="loader" aria-hidden="true">
4 4 <span class="l-1"></span>
5 5 <span class="l-2"></span>
6 6 <span class="l-3"></span>
7 7 <span class="l-4"></span>
8 8 <span class="l-5"></span>
9 9 <span class="l-6"></span>
10 10 <span class="l-7"></span>
11 11 <span class="l-8"></span>
12 12 <span class="l-9"></span>
13 13 <span class="l-10"></span>
14 14 </div>
15 15 </div>
16 -<div *ngIf='spinner' class="spinner spinner-border" role="status">
16 +<div *ngIf='spinner' class="spinner spinner-border" role="status" aria-live="polite">
17 17 <span class="sr-only">{{ message }}</span>
18 18 </div>

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut