From d7ad1f9ad93dc01b22ce301aaace296b43ebdef6 Mon Sep 17 00:00:00 2001
From: rbahirsheth <111955585+rbahirsheth@users.noreply.github.com>
Date: Tue, 29 Nov 2022 16:08:19 +0530
Subject: [PATCH] [ACS-3553] Fix process page accessibility from
 csv(880320,880281) (#8017)

* [ACS-3553] Fix process page accessibility from csv(880320,880281)

* [ACS-3553] Addressed comment
---
 .../attach-file-widget.component.html         | 23 ++++++++++---------
 .../components/start-process.component.html   |  3 ++-
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/lib/process-services/src/lib/content-widget/attach-file-widget.component.html b/lib/process-services/src/lib/content-widget/attach-file-widget.component.html
index b47cfa3090..2fa0687b75 100644
--- a/lib/process-services/src/lib/content-widget/attach-file-widget.component.html
+++ b/lib/process-services/src/lib/content-widget/attach-file-widget.component.html
@@ -59,18 +59,19 @@
 </div>
 
 <div data-automation-id="adf-attach-widget-readonly-list">
-    <mat-list *ngIf="hasFile">
-        <mat-list-item class="adf-attach-files-row" *ngFor="let file of field.value">
-            <img mat-list-icon class="adf-attach-widget__icon"
-                 [id]="'file-'+file.id+'-icon'"
-                 [src]="file.content ? getIcon(file.content.mimeType) : getIcon(file.mimeType)"
-                 [alt]="mimeTypeIcon"
-                 (click)="onAttachFileClicked(file)"
-                 (keyup.enter)="onAttachFileClicked(file)"
-                 role="button"
-                 tabindex="0"/>
+    <mat-list *ngIf="hasFile" role="list">
+        <mat-list-item class="adf-attach-files-row" *ngFor="let file of field.value" role="listitem">
+                <img mat-list-icon class="adf-attach-widget__icon"
+                    [id]="'file-'+file.id+'-icon'"
+                    [src]="file.content ? getIcon(file.content.mimeType) : getIcon(file.mimeType)"
+                    [alt]="mimeTypeIcon"
+                    (click)="onAttachFileClicked(file)"
+                    (keyup.enter)="onAttachFileClicked(file)"
+                    role="img" 
+                    [attr.aria-label]="file.name"
+                    tabindex="0"/>
             <span matLine id="{{'file-'+file.id}}" (click)="onAttachFileClicked(file)" [matTooltip]="file.name" (keyup.enter)="onAttachFileClicked(file)"
-                  role="button" tabindex="0" class="adf-file">{{file.name}}</span>
+                  tabindex="0" class="adf-file">{{file.name}}</span>
             <button id="{{'file-'+file.id+'-option-menu'}}" mat-icon-button [matMenuTriggerFor]="fileActionMenu"
                     [attr.aria-label]="'ADF_PROCESS_LIST.DETAILS.BUTTON.FILE_OPTION_MENU' | translate">
                 <mat-icon>more_vert</mat-icon>
diff --git a/lib/process-services/src/lib/process-list/components/start-process.component.html b/lib/process-services/src/lib/process-list/components/start-process.component.html
index ee1a972696..a1d00643e1 100644
--- a/lib/process-services/src/lib/process-list/components/start-process.component.html
+++ b/lib/process-services/src/lib/process-list/components/start-process.component.html
@@ -49,7 +49,8 @@
                                     *ngIf="showSelectProcessDropdown"
                                     mat-icon-button
                                     (click)="displayDropdown($event)"
-                                    [disabled]="disableDropdownButton()">
+                                    [disabled]="disableDropdownButton()"
+                                    [attr.aria-label]="'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.TYPE' | translate">                                    
                                     <mat-icon>arrow_drop_down</mat-icon>
                                 </button>
                             </ng-container>