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

Fix collection mapper accessibility issues

Browse Source 
- Added missing aria-labels to input checkboxes
- Fixed multiple tab related accessibility issues
This commit is contained in:
Alexandre Vryghem
2023-12-03 15:42:13 +01:00
parent 5b21d14583
commit 1db83ba3c5
4 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/shared/object-select/collection-select/collection-select.component.html
View File

@@ -11,13 +11,13 @@
<table id="collection-select" class="table table-striped table-hover">
<thead>
<tr>
<th></th>
<th aria-hidden="true"></th>
<th scope="col">{{'collection.select.table.title' | translate}}</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let collection of collectionsRD?.payload?.page">
<td><input class="collection-checkbox" [ngModel]="getSelected(collection.id) | async" (change)="switch(collection.id)" type="checkbox" name="{{collection.id}}"></td>
<td><input #selectCollectionBtn [attr.aria-label]="(selectCollectionBtn.checked ? 'collection.select.table.deselect' : 'collection.select.table.select') | translate" class="collection-checkbox" [ngModel]="getSelected(collection.id) | async" (change)="switch(collection.id)" type="checkbox" name="{{collection.id}}"></td>
<td><a [routerLink]="['/collections', collection.id]">{{ dsoNameService.getName(collection) }}</a></td>
</tr>
</tbody>