From ef1158056c48fbce230b7b135bbe7115ae3e8669 Mon Sep 17 00:00:00 2001
From: Shivangi Shree <shivangi.shree@hyland.com>
Date: Wed, 9 Sep 2026 17:15:04 +0530
Subject: [PATCH] [ACS-10231] Make dialog title to be announced as header

---
 .../src/rule-details/edit-rule-dialog.ui-component.html     | 6 +++---
 .../src/rule-details/edit-rule-dialog.ui-component.scss     | 1 +
 .../rule-set-picker/rule-set-picker.smart-component.html    | 6 +++---
 .../rule-set-picker/rule-set-picker.smart-component.scss    | 1 +
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
index 0645fde8d..1d7469394 100644
--- a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
@@ -1,7 +1,7 @@
-<div mat-dialog-title class="aca-edit-rule-dialog__header">
-  <div class="aca-edit-rule-dialog__header__title" data-automation-id="edit-rule-dialog-title">
+<div class="aca-edit-rule-dialog__header">
+  <h2 mat-dialog-title class="aca-edit-rule-dialog__header__title" data-automation-id="edit-rule-dialog-title">
     {{ title | translate }}
-  </div>
+  </h2>
   <button mat-icon-button mat-dialog-close class="aca-edit-rule-dialog__header__close" tabindex="-1"
           [title]="'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.CLOSE' | translate">
     <mat-icon class="aca-edit-rule-dialog__header__icon">close</mat-icon>
diff --git a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss
index c677e5abe..16d53cdbf 100644
--- a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss
@@ -30,6 +30,7 @@
       font-size: 16px;
       font-weight: bold;
       flex-grow: 1;
+      margin-top: 12px;
     }
 
     &__close {
diff --git a/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.html b/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.html
index 1512fab24..16f2253dc 100644
--- a/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.html
+++ b/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.html
@@ -1,7 +1,7 @@
-<div mat-dialog-title class="aca-rule-set-picker__header">
-  <div class="aca-rule-set-picker__header__title">
+<div class="aca-rule-set-picker__header">
+  <h2 mat-dialog-title class="aca-rule-set-picker__header__title">
     {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.TITLE' | translate }}
-  </div>
+  </h2>
   <button mat-icon-button mat-dialog-close [aria-label]="'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.CLOSE' | translate" class="aca-rule-set-picker__header__close">
     <mat-icon class="aca-rule-set-picker__header__close__icon">close</mat-icon>
   </button>
diff --git a/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.scss b/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.scss
index f33ec02a4..23fc84522 100644
--- a/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.scss
@@ -22,6 +22,7 @@
       font-size: 16px;
       font-weight: bold;
       flex-grow: 1;
+      margin-top: 12px;
     }
 
     &__close {