hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 01:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ensuring that the message “There were no items to show” is announced to the screen reader when necessary

Browse Source
This commit is contained in:
andreaNeki
2024-09-27 15:08:53 -03:00
committed by Tim Donohue
parent 14680b013e
commit 75260b00d9
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/shared/form/vocabulary-treeview/vocabulary-treeview.component.html
View File

@@ -24,9 +24,11 @@
</div> </div>
<div class="treeview-container"> <div class="treeview-container">
<ds-themed-loading *ngIf="loading | async" [showMessage]="false"></ds-themed-loading> <ds-themed-loading *ngIf="loading | async" [showMessage]="false"></ds-themed-loading>
<h2 *ngIf="!(loading | async) && dataSource.data.length === 0" class="h4 text-center text-muted mt-4" > <div aria-live="polite">
<span>{{'vocabulary-treeview.search.no-result' | translate}}</span> <h2 *ngIf="!(loading | async) && dataSource.data.length === 0" class="h4 text-center text-muted mt-4" >
</h2> <span>{{'vocabulary-treeview.search.no-result' | translate}}</span>
</h2>
</div>
<cdk-tree [dataSource]="dataSource" [treeControl]="treeControl"> <cdk-tree [dataSource]="dataSource" [treeControl]="treeControl">
<!-- Leaf node --> <!-- Leaf node -->
<cdk-tree-node *cdkTreeNodeDef="let node" cdkTreeNodePadding class="d-flex"> <cdk-tree-node *cdkTreeNodeDef="let node" cdkTreeNodePadding class="d-flex">