From 4d297cfe9b130f36d87d3f3f8958e8b27b22cef8 Mon Sep 17 00:00:00 2001
From: Yana De Pauw <yana@atmire.com>
Date: Thu, 17 Nov 2022 16:33:19 +0200
Subject: [PATCH] 94391: Add aria labels and titles to the buttons

---
 .../dso-edit-menu-expandable-section.component.html         | 2 +-
 .../dso-edit-menu-section.component.html                    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/shared/dso-page/dso-edit-menu/dso-edit-expandable-menu-section/dso-edit-menu-expandable-section.component.html b/src/app/shared/dso-page/dso-edit-menu/dso-edit-expandable-menu-section/dso-edit-menu-expandable-section.component.html
index a119cf0327..cb725e7d70 100644
--- a/src/app/shared/dso-page/dso-edit-menu/dso-edit-expandable-menu-section/dso-edit-menu-expandable-section.component.html
+++ b/src/app/shared/dso-page/dso-edit-menu/dso-edit-expandable-menu-section/dso-edit-menu-expandable-section.component.html
@@ -1,7 +1,7 @@
 <div class="dso-button-menu mb-1" ngbDropdown container="body" placement="bottom-right">
     <div class="d-flex flex-row flex-nowrap"
          [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>
         </button>
         <ul ngbDropdownMenu class="dso-edit-menu-dropdown">
diff --git a/src/app/shared/dso-page/dso-edit-menu/dso-edit-menu-section/dso-edit-menu-section.component.html b/src/app/shared/dso-page/dso-edit-menu/dso-edit-menu-section/dso-edit-menu-section.component.html
index 0fc6d19667..16fda1caa8 100644
--- a/src/app/shared/dso-page/dso-edit-menu/dso-edit-menu-section/dso-edit-menu-section.component.html
+++ b/src/app/shared/dso-page/dso-edit-menu/dso-edit-menu-section/dso-edit-menu-section.component.html
@@ -4,12 +4,12 @@
     <a *ngIf="!section.model.disabled" class="d-flex flex-row flex-nowrap"
        [routerLink]="itemModel.link"
        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>
         </button>
     </a>
     <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>
         </button>
     </div>
@@ -18,7 +18,7 @@
 <div *ngIf="canActivate" class="dso-button-menu mb-1"
      [title]="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)">
         <i class="fas fa-{{section.icon}} fa-fw"></i>
     </button>