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

94391: Add aria labels and titles to the buttons

Browse Source
This commit is contained in:
Yana De Pauw
2022-11-17 16:33:19 +02:00
parent 3c9a5e8c55
commit 4d297cfe9b
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/shared/dso-page/dso-edit-menu/dso-edit-expandable-menu-section/dso-edit-menu-expandable-section.component.html
View File

@@ -1,7 +1,7 @@
<div class="dso-button-menu mb-1" ngbDropdown container="body" placement="bottom-right"> <div class="dso-button-menu mb-1" ngbDropdown container="body" placement="bottom-right">
<div class="d-flex flex-row flex-nowrap" <div class="d-flex flex-row flex-nowrap"
[ngbTooltip]="itemModel.text | translate"> [ngbTooltip]="itemModel.text | translate">
<button class="btn btn-dark btn-sm" ngbDropdownToggle [disabled]="section.model?.disabled"> <button [attr.aria-label]="itemModel.text | translate" [title]="itemModel.text | translate" class="btn btn-dark btn-sm" ngbDropdownToggle [disabled]="section.model?.disabled">
<i class="fas fa-{{section.icon}} fa-fw"></i> <i class="fas fa-{{section.icon}} fa-fw"></i>
</button> </button>
<ul ngbDropdownMenu class="dso-edit-menu-dropdown"> <ul ngbDropdownMenu class="dso-edit-menu-dropdown">

6
src/app/shared/dso-page/dso-edit-menu/dso-edit-menu-section/dso-edit-menu-section.component.html
View File

@@ -4,12 +4,12 @@
<a *ngIf="!section.model.disabled" class="d-flex flex-row flex-nowrap" <a *ngIf="!section.model.disabled" class="d-flex flex-row flex-nowrap"
[routerLink]="itemModel.link" [routerLink]="itemModel.link"
href="javascript:void(0);"> href="javascript:void(0);">
<button class="btn btn-dark btn-sm" [disabled]="section.model.disabled"> <button [attr.aria-label]="itemModel.text | translate" [title]="itemModel.text | translate" class="btn btn-dark btn-sm" [disabled]="section.model.disabled">
<i class="fas fa-{{section.icon}} fa-fw"></i> <i class="fas fa-{{section.icon}} fa-fw"></i>
</button> </button>
</a> </a>
<div *ngIf="section.model.disabled" class="d-flex flex-row flex-nowrap"> <div *ngIf="section.model.disabled" class="d-flex flex-row flex-nowrap">
<button class="btn btn-dark btn-sm" [disabled]="section.model.disabled"> <button [attr.aria-label]="itemModel.text | translate" [title]="itemModel.text | translate" class="btn btn-dark btn-sm" [disabled]="section.model.disabled">
<i class="fas fa-{{section.icon}} fa-fw"></i> <i class="fas fa-{{section.icon}} fa-fw"></i>
</button> </button>
</div> </div>
@@ -18,7 +18,7 @@
<div *ngIf="canActivate" class="dso-button-menu mb-1" <div *ngIf="canActivate" class="dso-button-menu mb-1"
[title]="itemModel.text | translate" [title]="itemModel.text | translate"
[ngbTooltip]="itemModel.text | translate"> [ngbTooltip]="itemModel.text | translate">
<button class="btn btn-dark btn-sm" [disabled]="section.model.disabled" <button [attr.aria-label]="itemModel.text | translate" [title]="itemModel.text | translate" class="btn btn-dark btn-sm" [disabled]="section.model.disabled"
(click)="activate($event)"> (click)="activate($event)">
<i class="fas fa-{{section.icon}} fa-fw"></i> <i class="fas fa-{{section.icon}} fa-fw"></i>
</button> </button>