diff --git a/modules/ui/src/app/pages/certificates/certificate-item/certificate-item.component.html b/modules/ui/src/app/pages/certificates/certificate-item/certificate-item.component.html
index ee641becf..28bc1768a 100644
--- a/modules/ui/src/app/pages/certificates/certificate-item/certificate-item.component.html
+++ b/modules/ui/src/app/pages/certificates/certificate-item/certificate-item.component.html
@@ -19,7 +19,7 @@
[disabled]="certificate.uploading"
class="certificate-item-delete"
mat-icon-button
- aria-label="Delete certificate"
+ attr.aria-label="Delete {{ certificate.name }} certificate"
(click)="deleteButtonClicked.emit(certificate.name)">
delete
diff --git a/modules/ui/src/app/pages/certificates/certificate-item/certificate-item.component.spec.ts b/modules/ui/src/app/pages/certificates/certificate-item/certificate-item.component.spec.ts
index 94a0a7a19..b0395e254 100644
--- a/modules/ui/src/app/pages/certificates/certificate-item/certificate-item.component.spec.ts
+++ b/modules/ui/src/app/pages/certificates/certificate-item/certificate-item.component.spec.ts
@@ -61,6 +61,10 @@ describe('CertificateItemComponent', () => {
expect(deleteButton).toBeDefined();
});
+ it('should have certificate name as part of aria-label', () => {
+ expect(deleteButton?.ariaLabel?.trim()).toContain(certificate.name);
+ });
+
it('should emit delete event on delete button clicked', () => {
const deleteSpy = spyOn(component.deleteButtonClicked, 'emit');
deleteButton.click();
diff --git a/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.html b/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.html
index 139396c88..8355e6ad6 100644
--- a/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.html
+++ b/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.html
@@ -18,13 +18,16 @@
rule
{{ profile.name }}
-