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

Fix resource policy accessibility issues

Browse Source 
(cherry picked from commit 09bf8af03c)
This commit is contained in:
Alexandre Vryghem
2023-12-03 05:15:04 +01:00
committed by github-actions[bot]
parent 5d5582e2d2
commit b94f0a9b69
3 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/shared/resource-policies/entry/resource-policy-entry.component.html
View File

@@ -5,7 +5,9 @@
[id]="entry.id" [id]="entry.id"
[ngModel]="entry.checked" [ngModel]="entry.checked"
(ngModelChange)="this.toggleCheckbox.emit($event);"> (ngModelChange)="this.toggleCheckbox.emit($event);">
<label class="custom-control-label" [for]="entry.id"></label> <label class="custom-control-label" [for]="entry.id"
[attr.aria-label]="(entry.checked ? 'resource-policies.table.headers.deselect' : 'resource-policies.table.headers.select') | translate">
</label>
</div> </div>
</td> </td>
<th scope="row"> <th scope="row">

6
src/app/shared/resource-policies/resource-policies.component.html
View File

@@ -38,11 +38,13 @@
<tr *ngIf="(getResourcePolicies() | async)?.length > 0" class="text-center"> <tr *ngIf="(getResourcePolicies() | async)?.length > 0" class="text-center">
<th> <th>
<div class="custom-control custom-checkbox"> <div class="custom-control custom-checkbox">
<input type="checkbox" <input #selectAllBtn type="checkbox"
class="custom-control-input" class="custom-control-input"
[id]="'selectAll_' + resourceUUID" [id]="'selectAll_' + resourceUUID"
(change)="selectAllCheckbox($event)"> (change)="selectAllCheckbox($event)">
<label class="custom-control-label" [for]="'selectAll_' + resourceUUID"></label> <label class="custom-control-label" [for]="'selectAll_' + resourceUUID"
[attr.aria-label]="(selectAllBtn.checked ? 'resource-policies.table.headers.deselect-all' : 'resource-policies.table.headers.select-all') | translate">
</label>
</div> </div>
</th> </th>
<th>{{'resource-policies.table.headers.id' | translate}}</th> <th>{{'resource-policies.table.headers.id' | translate}}</th>

8
src/assets/i18n/en.json5
View File

@@ -3610,6 +3610,14 @@
"resource-policies.table.headers.group": "Group", "resource-policies.table.headers.group": "Group",
"resource-policies.table.headers.select-all": "Select all",
"resource-policies.table.headers.deselect-all": "Deselect all",
"resource-policies.table.headers.select": "Select",
"resource-policies.table.headers.deselect": "Deselect",
"resource-policies.table.headers.id": "ID", "resource-policies.table.headers.id": "ID",
"resource-policies.table.headers.name": "Name", "resource-policies.table.headers.name": "Name",