PD-5292 add tooltip and aria label to remove alt sign in button (#2797)

Co-authored-by: andrej romanov <50377758+auumgn@users.noreply.github.com>

Author: aromanovv

src/app/account-settings/components/settings-security-alternate-sign-in/settings-security-alternate-sign-in.component.html

@@ -38,7 +38,11 @@
     <div *ngFor="let account of accounts">
       <div class="mobile-elements-container">
         <div>
-          <button (click)="delete(account)" mat-icon-button>
+          <button
+            (click)="delete(account)"
+            [attr.aria-label]="labelDeleteButton + ' ' + account?.idpName"
+            mat-icon-button
+          >
             <mat-icon>delete</mat-icon>
           </button>
         </div>
@@ -96,7 +100,12 @@
       <ng-container matColumnDef="actions" stickyEnd>
         <th mat-header-cell *matHeaderCellDef></th>
         <td mat-cell *matCellDef="let element">
-          <button (click)="delete(element)" mat-icon-button>
+          <button
+            [matTooltip]="labelDeleteButton"
+            [attr.aria-label]="labelDeleteButton + ' ' + element?.idpName"
+            (click)="delete(element)"
+            mat-icon-button
+          >
             <mat-icon>delete</mat-icon>
           </button>
         </td>

src/app/account-settings/components/settings-security-alternate-sign-in/settings-security-alternate-sign-in.component.ts

@@ -43,6 +43,7 @@ export class SettingsSecurityAlternateSignInComponent
   isMobile: any
   refreshAccounts$ = new BehaviorSubject<void>(undefined)
   authChallengeLabel = $localize`:@@accountSettings.security.unlinkTheAlternateSignInAccount:unlink the alternate sign in account`
+  labelDeleteButton = $localize`:@@shared.delete:Delete`
 
   constructor(
     private _accountSettingAlternate: AccountSecurityAlternateSignInService,