diff --git a/src/app/admin/admin-edit-user-agreement/admin-edit-user-agreement.component.html b/src/app/admin/admin-edit-user-agreement/admin-edit-user-agreement.component.html
index 9f5947dc18c..eabcba9e7d6 100644
--- a/src/app/admin/admin-edit-user-agreement/admin-edit-user-agreement.component.html
+++ b/src/app/admin/admin-edit-user-agreement/admin-edit-user-agreement.component.html
@@ -19,7 +19,7 @@ <h2>{{'admin.edit-user-agreement.header' | translate}}</h2>
 
 <ng-template #content let-c="close" let-d="dismiss">
   <div class="modal-header">
-    <h4 class="modal-title text-info">{{'admin.edit-user-agreement.confirm.title' | translate}}</h4>
+    <h4 id="modal-title" class="modal-title text-info">{{'admin.edit-user-agreement.confirm.title' | translate}}</h4>
   </div>
   <div class="modal-body">
     <p>{{'admin.edit-user-agreement.confirm.info' | translate}}</p>
diff --git a/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html
index 92d015b25e3..73efa805229 100644
--- a/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html
+++ b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html
@@ -312,10 +312,10 @@ <h1 class="flex-grow-1">{{ isNewService ? ('ldn-create-service.title' | translat
   <ng-template #confirmModal>
     <div class="modal-header">
       @if (!isNewService) {
-        <h4>{{'service.overview.edit.modal' | translate }}</h4>
+        <h4 id="modal-title" class="modal-title">{{'service.overview.edit.modal' | translate }}</h4>
       }
       @if (isNewService) {
-        <h4>{{'service.overview.create.modal' | translate }}</h4>
+        <h4 id="modal-title" class="modal-title">{{'service.overview.create.modal' | translate }}</h4>
       }
       <button (click)="closeModal()" aria-label="Close" class="btn-close" type="button">
       </button>
diff --git a/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html b/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html
index 28e592ebfc1..6a36a75d566 100644
--- a/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html
+++ b/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html
@@ -73,7 +73,7 @@ <h1 class="flex-grow-1">{{ 'ldn-registered-services.title' | translate }}</h1>
 
     <div class="modal-header">
       <div>
-        <h4>{{'service.overview.delete.header' | translate }}</h4>
+        <h4 id="modal-title" class="modal-title">{{'service.overview.delete.header' | translate }}</h4>
       </div>
       <button (click)="closeModal()" aria-label="Close"
         [attr.aria-label]="'ldn-service-overview-close-modal' | translate"
diff --git a/src/app/admin/admin-notify-dashboard/admin-notify-detail-modal/admin-notify-detail-modal.component.html b/src/app/admin/admin-notify-dashboard/admin-notify-detail-modal/admin-notify-detail-modal.component.html
index 4aae0141748..a51b061f43b 100644
--- a/src/app/admin/admin-notify-dashboard/admin-notify-detail-modal/admin-notify-detail-modal.component.html
+++ b/src/app/admin/admin-notify-dashboard/admin-notify-detail-modal/admin-notify-detail-modal.component.html
@@ -1,5 +1,5 @@
 <div class="modal-header">
-  <h4 class="modal-title">{{'notify-message-modal.title' | translate}}</h4>
+  <h4 id="modal-title" class="modal-title">{{'notify-message-modal.title' | translate}}</h4>
   <button type="button" class="btn-close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
   </button>
 </div>
diff --git a/src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workspace-item/supervision-order-group-selector/supervision-order-group-selector.component.html b/src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workspace-item/supervision-order-group-selector/supervision-order-group-selector.component.html
index 150411ec40f..62497c51bc8 100644
--- a/src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workspace-item/supervision-order-group-selector/supervision-order-group-selector.component.html
+++ b/src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workspace-item/supervision-order-group-selector/supervision-order-group-selector.component.html
@@ -1,5 +1,6 @@
 <div>
-  <div class="modal-header">{{'supervision-group-selector.header' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'supervision-group-selector.header' | translate}}</h4>
     <button type="button" class="btn-close" (click)="close()" aria-label="Close">
     </button>
   </div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index e1084cf40b5..b3b1d9f2d43 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -134,6 +134,8 @@ export class AppComponent implements OnInit, AfterViewInit {
       return true;
     };
 
+    this.modalConfig.ariaLabelledBy = 'modal-title';
+
     this.isAuthBlocking$ = this.store.pipe(
       select(isAuthenticationBlocking),
       distinctUntilChanged(),
diff --git a/src/app/entity-groups/research-entities/submission/name-variant-modal/name-variant-modal.component.html b/src/app/entity-groups/research-entities/submission/name-variant-modal/name-variant-modal.component.html
index 2129aec11ab..5eeca51a467 100644
--- a/src/app/entity-groups/research-entities/submission/name-variant-modal/name-variant-modal.component.html
+++ b/src/app/entity-groups/research-entities/submission/name-variant-modal/name-variant-modal.component.html
@@ -1,5 +1,5 @@
 <div class="modal-header">
-    <h4 class="modal-title">New name variant</h4>
+    <h4 id="modal-title" class="modal-title">New name variant</h4>
     <button type="button" class="btn-close" aria-label="Close" (click)="modal.dismiss('Cross click')">
     </button>
 </div>
diff --git a/src/app/external-log-in/external-log-in/external-log-in.component.html b/src/app/external-log-in/external-log-in/external-log-in.component.html
index 90b03d55fb5..85496dd54af 100644
--- a/src/app/external-log-in/external-log-in/external-log-in.component.html
+++ b/src/app/external-log-in/external-log-in/external-log-in.component.html
@@ -32,7 +32,7 @@ <h4 class="mt-2">{{ 'external-login.component.or' | translate }}</h4>
 
 <ng-template #loginModal let-c="close" let-d="dismiss">
   <div class="modal-header">
-    <h4 class="modal-title text-info"> {{ 'external-login.connect-to-existing-account.label' | translate }}</h4>
+    <h4 id="modal-title" class="modal-title text-info"> {{ 'external-login.connect-to-existing-account.label' | translate }}</h4>
   </div>
   <div class="modal-body">
     <div class="row justify-content-center">
diff --git a/src/app/item-page/edit-item-page/item-delete/item-delete.component.html b/src/app/item-page/edit-item-page/item-delete/item-delete.component.html
index 705c3300541..bd902356412 100644
--- a/src/app/item-page/edit-item-page/item-delete/item-delete.component.html
+++ b/src/app/item-page/edit-item-page/item-delete/item-delete.component.html
@@ -45,7 +45,7 @@ <h5 (click)="setSelected(typeDto.relationshipType, !selected)">
                           <ng-template #virtualMetadataModal>
                             <div class="thumb-font-1">
                               <div class="modal-header">
-                                {{'virtual-metadata.delete-item.modal-head' | translate}}
+                                <h4 id="modal-title" class="modal-title h4 mb-0">{{'virtual-metadata.delete-item.modal-head' | translate}}</h4>
                                 <button type="button" class="btn-close"
                                   (click)="closeVirtualMetadataModal()" aria-label="Close">
                                 </button>
@@ -86,9 +86,9 @@ <h5 (click)="setSelected(typeDto.relationshipType, !selected)">
 
       <ng-template #deleteConfirmationModal>
         <div class="modal-header bg-light text-dark">
-          <h5 class="modal-title">
+          <h4 id="modal-title" class="modal-title">
             {{'item.edit.delete.confirmation-title' | translate}}
-          </h5>
+          </h4>
           <button type="button" class="btn-close" aria-label="Close" (click)="modalRef.close()"></button>
         </div>
         <div class="modal-body">
diff --git a/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.html b/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.html
index e1fc018ace3..a659776ade2 100644
--- a/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.html
+++ b/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.html
@@ -1,5 +1,6 @@
 <div [ngClass]="showThumbnails ? 'hide-modal-thumbnail-column' : ''">
-  <div class="modal-header">{{'virtual-metadata.delete-relationship.modal-head' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'virtual-metadata.delete-relationship.modal-head' | translate}}</h4>
     <button type="button" class="btn-close" (click)="close.emit()" aria-label="Close">
     </button>
   </div>
diff --git a/src/app/item-page/versions/item-versions-delete-modal/item-versions-delete-modal.component.html b/src/app/item-page/versions/item-versions-delete-modal/item-versions-delete-modal.component.html
index b65883775b9..b3406e8f4d8 100644
--- a/src/app/item-page/versions/item-versions-delete-modal/item-versions-delete-modal.component.html
+++ b/src/app/item-page/versions/item-versions-delete-modal/item-versions-delete-modal.component.html
@@ -1,5 +1,6 @@
 <div>
-  <div class="modal-header">{{'item.version.delete.modal.header' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'item.version.delete.modal.header' | translate}}</h4>
     <button type="button" class="btn-close" (click)="onModalClose()" aria-label="Close">
     </button>
   </div>
diff --git a/src/app/item-page/versions/item-versions-summary-modal/item-versions-summary-modal.component.html b/src/app/item-page/versions/item-versions-summary-modal/item-versions-summary-modal.component.html
index ae1e862b072..7e2186f6cc9 100644
--- a/src/app/item-page/versions/item-versions-summary-modal/item-versions-summary-modal.component.html
+++ b/src/app/item-page/versions/item-versions-summary-modal/item-versions-summary-modal.component.html
@@ -1,6 +1,7 @@
 @if ((this.submitted$ | async) !== true) {
   <div>
-    <div class="modal-header">{{'item.version.create.modal.header' | translate}}
+    <div class="modal-header">
+      <h4 id="modal-title" class="modal-title h4 mb-0">{{'item.version.create.modal.header' | translate}}</h4>
       <button type="button" class="btn-close" (click)="onModalClose()" aria-label="Close">
       </button>
     </div>
@@ -37,7 +38,7 @@
     </div>
   </div>
 } @else {
-  <div class="modal-header">{{'item.version.create.modal.submitted.header' | translate}}</div>
+  <div class="modal-header"><h4 id="modal-title" class="modal-title h4 mb-0">{{'item.version.create.modal.submitted.header' | translate}}</h4></div>
   <div class="modal-body">
     <p>{{'item.version.create.modal.submitted.text' | translate}}</p>
     <div class="d-flex justify-content-center">
diff --git a/src/app/my-dspace-page/collection-selector/collection-selector.component.html b/src/app/my-dspace-page/collection-selector/collection-selector.component.html
index 2e6d3b03bf6..2cde65c6bc1 100644
--- a/src/app/my-dspace-page/collection-selector/collection-selector.component.html
+++ b/src/app/my-dspace-page/collection-selector/collection-selector.component.html
@@ -1,5 +1,6 @@
 <div>
-  <div class="modal-header">{{'dso-selector.create.submission.head' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'dso-selector.create.submission.head' | translate}}</h4>
     <button type="button" class="btn-close" (click)="close()" aria-label="Close">
     </button>
   </div>
diff --git a/src/app/notifications/qa/events/quality-assurance-events.component.html b/src/app/notifications/qa/events/quality-assurance-events.component.html
index 7faca0876c7..c78a272c650 100644
--- a/src/app/notifications/qa/events/quality-assurance-events.component.html
+++ b/src/app/notifications/qa/events/quality-assurance-events.component.html
@@ -296,7 +296,7 @@ <h2 class="border-bottom pb-2">
 
 <ng-template #acceptModal let-modal>
   <div class="modal-header">
-    <h4 class="modal-title" id="acceptModal">{{'quality-assurance.event.sure' | translate}}</h4>
+    <h4 class="modal-title" id="modal-title">{{'quality-assurance.event.sure' | translate}}</h4>
   </div>
   <div class="modal-body">
     <p>{{'quality-assurance.event.accept.description' | translate}}</p>
@@ -314,7 +314,7 @@ <h4 class="modal-title" id="acceptModal">{{'quality-assurance.event.sure' | tran
 
 <ng-template #ignoreModal let-modal>
   <div class="modal-header">
-    <h1 class="modal-title h4" id="ignoreModal">{{'quality-assurance.event.sure' | translate}}</h1>
+    <h4 class="modal-title h4" id="modal-title">{{'quality-assurance.event.sure' | translate}}</h4>
   </div>
   <div class="modal-body">
     <p>{{'quality-assurance.event.ignore.description' | translate}}</p>
@@ -331,7 +331,7 @@ <h1 class="modal-title h4" id="ignoreModal">{{'quality-assurance.event.sure' | t
 
 <ng-template #rejectModal let-modal>
   <div class="modal-header">
-    <h1 class="modal-title h4" id="rejectModal">{{'quality-assurance.event.sure' | translate}}</h1>
+    <h4 class="modal-title h4" id="modal-title">{{'quality-assurance.event.sure' | translate}}</h4>
   </div>
   <div class="modal-body">
     <p>{{'quality-assurance.event.reject.description' | translate}}</p>
@@ -348,7 +348,7 @@ <h1 class="modal-title h4" id="rejectModal">{{'quality-assurance.event.sure' | t
 
 <ng-template #undoModal let-modal>
   <div class="modal-header">
-    <h1 class="modal-title h4" id="undoModal">{{'quality-assurance.event.sure' | translate}}</h1>
+    <h4 class="modal-title h4" id="modal-title">{{'quality-assurance.event.sure' | translate}}</h4>
   </div>
   <div class="modal-body">
     <p>{{'quality-assurance.event.undo.description' | translate}}</p>
diff --git a/src/app/process-page/detail/process-detail.component.html b/src/app/process-page/detail/process-detail.component.html
index 68a5877d0a4..6e5a887af49 100644
--- a/src/app/process-page/detail/process-detail.component.html
+++ b/src/app/process-page/detail/process-detail.component.html
@@ -102,7 +102,7 @@ <h1 class="flex-grow-1">
     <div>
       <div class="modal-header">
         <div>
-          <h4>{{'process.detail.delete.header' | translate }}</h4>
+          <h4 id="modal-title" class="modal-title">{{'process.detail.delete.header' | translate }}</h4>
         </div>
         <button type="button" class="btn-close"
           (click)="closeModal()" aria-label="Close">
diff --git a/src/app/process-page/overview/process-overview.component.html b/src/app/process-page/overview/process-overview.component.html
index 76f21983b04..1127ed80f7e 100644
--- a/src/app/process-page/overview/process-overview.component.html
+++ b/src/app/process-page/overview/process-overview.component.html
@@ -53,7 +53,7 @@ <h1 class="flex-grow-1">{{'process.overview.title' | translate}}</h1>
 
     <div class="modal-header">
       <div>
-        <h4>{{'process.overview.delete.header' | translate }}</h4>
+        <h4 id="modal-title" class="modal-title">{{'process.overview.delete.header' | translate }}</h4>
       </div>
       <button type="button" class="btn-close"
         (click)="closeModal()" aria-label="Close">
diff --git a/src/app/profile-page/profile-claim-item-modal/profile-claim-item-modal.component.html b/src/app/profile-page/profile-claim-item-modal/profile-claim-item-modal.component.html
index 42a5267909f..937c8fb92a8 100644
--- a/src/app/profile-page/profile-claim-item-modal/profile-claim-item-modal.component.html
+++ b/src/app/profile-page/profile-claim-item-modal/profile-claim-item-modal.component.html
@@ -1,5 +1,5 @@
 <div>
-  <div class="modal-header"><h4>{{'dso-selector.claim.item.head' | translate}}</h4>
+  <div class="modal-header"><h4 id="modal-title" class="modal-title">{{'dso-selector.claim.item.head' | translate}}</h4>
   <button type="button" class="btn-close" (click)="close()" aria-label="Close">
   </button>
 </div>
diff --git a/src/app/shared/access-control-form-container/item-access-control-select-bitstreams-modal/item-access-control-select-bitstreams-modal.component.html b/src/app/shared/access-control-form-container/item-access-control-select-bitstreams-modal/item-access-control-select-bitstreams-modal.component.html
index 62de34c227a..08c69c3af27 100644
--- a/src/app/shared/access-control-form-container/item-access-control-select-bitstreams-modal/item-access-control-select-bitstreams-modal.component.html
+++ b/src/app/shared/access-control-form-container/item-access-control-select-bitstreams-modal/item-access-control-select-bitstreams-modal.component.html
@@ -1,5 +1,5 @@
 <div class="modal-header">
-  <h4 class="modal-title">
+  <h4 id="modal-title" class="modal-title">
     {{'access-control-select-bitstreams-modal.title' | translate}}
   </h4>
   <button type="button" class="btn-close" aria-label="Close"
diff --git a/src/app/shared/confirmation-modal/confirmation-modal.component.html b/src/app/shared/confirmation-modal/confirmation-modal.component.html
index 12789691ea4..7234317d81e 100644
--- a/src/app/shared/confirmation-modal/confirmation-modal.component.html
+++ b/src/app/shared/confirmation-modal/confirmation-modal.component.html
@@ -1,5 +1,6 @@
 <div>
-  <div class="modal-header">{{ headerLabel | translate:{ dsoName: name } }}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{ headerLabel | translate:{ dsoName: name } }}</h4>
     <button type="button" class="btn-close" (click)="close()" aria-label="Close">
     </button>
   </div>
diff --git a/src/app/shared/correction-suggestion/item-withdrawn-reinstate-modal.component.html b/src/app/shared/correction-suggestion/item-withdrawn-reinstate-modal.component.html
index 65ddd16f619..81c10034d98 100644
--- a/src/app/shared/correction-suggestion/item-withdrawn-reinstate-modal.component.html
+++ b/src/app/shared/correction-suggestion/item-withdrawn-reinstate-modal.component.html
@@ -2,14 +2,14 @@
   <div>
     @if (this.canWithdraw) {
       <div class="modal-header">
-        {{ 'item.qa.withdrawn.modal.header' | translate }}
+        <h4 id="modal-title" class="modal-title h4 mb-0">{{ 'item.qa.withdrawn.modal.header' | translate }}</h4>
         <button type="button" class="btn-close" (click)="onModalClose()" aria-label="Close">
         </button>
       </div>
     } @else {
       @if (!this.canWithdraw) {
         <div class="modal-header">
-          {{'item.qa.reinstate.modal.header' | translate}}
+          <h4 id="modal-title" class="modal-title h4 mb-0">{{'item.qa.reinstate.modal.header' | translate}}</h4>
           <button type="button" class="btn-close" (click)="onModalClose()" aria-label="Close">
           </button>
         </div>
@@ -46,7 +46,7 @@
     </div>
   </div>
 } @else {
-  <div class="modal-header">{{'item.qa.withdrawn.modal.submitted.header' | translate}}</div>
+  <div class="modal-header"><h4 id="modal-title" class="modal-title h4 mb-0">{{'item.qa.withdrawn.modal.submitted.header' | translate}}</h4></div>
   <div class="modal-body">
     <div class="d-flex justify-content-center">
       <ds-loading [showMessage]="false"></ds-loading>
diff --git a/src/app/shared/dso-selector/modal-wrappers/create-collection-parent-selector/create-collection-parent-selector.component.html b/src/app/shared/dso-selector/modal-wrappers/create-collection-parent-selector/create-collection-parent-selector.component.html
index c77a741c7ae..26d8089f0ab 100644
--- a/src/app/shared/dso-selector/modal-wrappers/create-collection-parent-selector/create-collection-parent-selector.component.html
+++ b/src/app/shared/dso-selector/modal-wrappers/create-collection-parent-selector/create-collection-parent-selector.component.html
@@ -1,9 +1,10 @@
 <div>
-  <div class="modal-header">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}</h4>
     <button type="button" class="btn-close" (click)="close()" aria-label="Close">
     </button>
   </div>
-  <div class="modal-body">
+    <div class="modal-body">
     @if (header) {
       <span class="h5 px-2">{{header | translate}}</span>
     }
diff --git a/src/app/shared/dso-selector/modal-wrappers/create-community-parent-selector/create-community-parent-selector.component.html b/src/app/shared/dso-selector/modal-wrappers/create-community-parent-selector/create-community-parent-selector.component.html
index b135aaf7678..643eaf0de84 100644
--- a/src/app/shared/dso-selector/modal-wrappers/create-community-parent-selector/create-community-parent-selector.component.html
+++ b/src/app/shared/dso-selector/modal-wrappers/create-community-parent-selector/create-community-parent-selector.component.html
@@ -1,9 +1,10 @@
 <div>
-  <div class="modal-header">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}</h4>
     <button type="button" class="btn-close" (click)="close()" aria-label="Close">
     </button>
   </div>
-  <div class="modal-body">
+    <div class="modal-body">
     @if ((isAdmin$ | async)) {
       <div data-test="admin-div">
         <button class="btn btn-outline-primary btn-lg btn-block w-100" (click)="selectObject(undefined)">{{'dso-selector.create.community.top-level' | translate}}</button>
diff --git a/src/app/shared/dso-selector/modal-wrappers/create-item-parent-selector/create-item-parent-selector.component.html b/src/app/shared/dso-selector/modal-wrappers/create-item-parent-selector/create-item-parent-selector.component.html
index 60b3514c14c..da6bcb2ab16 100644
--- a/src/app/shared/dso-selector/modal-wrappers/create-item-parent-selector/create-item-parent-selector.component.html
+++ b/src/app/shared/dso-selector/modal-wrappers/create-item-parent-selector/create-item-parent-selector.component.html
@@ -1,9 +1,10 @@
 <div>
-  <div class="modal-header">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}</h4>
     <button type="button" class="btn-close" (click)="close()" aria-label="Close">
     </button>
   </div>
-  <div class="modal-body">
+    <div class="modal-body">
     @if (header) {
       <span class="h5 px-2">{{header | translate}}</span>
     }
diff --git a/src/app/shared/dso-selector/modal-wrappers/dso-selector-modal-wrapper.component.html b/src/app/shared/dso-selector/modal-wrappers/dso-selector-modal-wrapper.component.html
index 2d139a3f531..9bec0e20beb 100644
--- a/src/app/shared/dso-selector/modal-wrappers/dso-selector-modal-wrapper.component.html
+++ b/src/app/shared/dso-selector/modal-wrappers/dso-selector-modal-wrapper.component.html
@@ -1,5 +1,6 @@
 <div>
-  <div class="modal-header">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}</h4>
     <button type="button" class="btn-close" (click)="close()" aria-label="Close">
     </button>
   </div>
diff --git a/src/app/shared/dso-selector/modal-wrappers/edit-collection-selector/edit-collection-selector.component.html b/src/app/shared/dso-selector/modal-wrappers/edit-collection-selector/edit-collection-selector.component.html
index df9c923a626..8fd2da17051 100644
--- a/src/app/shared/dso-selector/modal-wrappers/edit-collection-selector/edit-collection-selector.component.html
+++ b/src/app/shared/dso-selector/modal-wrappers/edit-collection-selector/edit-collection-selector.component.html
@@ -1,9 +1,10 @@
 <div>
-  <div class="modal-header">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}</h4>
     <button type="button" class="btn-close" (click)="close()" aria-label="Close">
     </button>
   </div>
-  <div class="modal-body">
+    <div class="modal-body">
     @if (header) {
       <span class="h5 px-2">{{header | translate}}</span>
     }
diff --git a/src/app/shared/dso-selector/modal-wrappers/edit-community-selector/edit-community-selector.component.html b/src/app/shared/dso-selector/modal-wrappers/edit-community-selector/edit-community-selector.component.html
index 8a7ae38e75e..8e70c3965cd 100644
--- a/src/app/shared/dso-selector/modal-wrappers/edit-community-selector/edit-community-selector.component.html
+++ b/src/app/shared/dso-selector/modal-wrappers/edit-community-selector/edit-community-selector.component.html
@@ -1,9 +1,10 @@
 <div>
-  <div class="modal-header">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}</h4>
     <button type="button" class="btn-close" (click)="close()" aria-label="Close">
     </button>
   </div>
-  <div class="modal-body">
+    <div class="modal-body">
     @if (header) {
       <span class="h5 px-2">{{header | translate}}</span>
     }
diff --git a/src/app/shared/dso-selector/modal-wrappers/edit-item-selector/edit-item-selector.component.html b/src/app/shared/dso-selector/modal-wrappers/edit-item-selector/edit-item-selector.component.html
index 9d7ce82ce51..7f53ba55efc 100644
--- a/src/app/shared/dso-selector/modal-wrappers/edit-item-selector/edit-item-selector.component.html
+++ b/src/app/shared/dso-selector/modal-wrappers/edit-item-selector/edit-item-selector.component.html
@@ -1,9 +1,10 @@
 <div>
-  <div class="modal-header">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}</h4>
     <button type="button" class="btn-close" (click)="close()" aria-label="Close">
     </button>
   </div>
-  <div class="modal-body">
+    <div class="modal-body">
     @if (header) {
       <span class="h5 px-2">{{header | translate}}</span>
     }
diff --git a/src/app/shared/form/builder/ds-dynamic-form-ui/models/relation-group/modal/dynamic-relation-group-modal.component.html b/src/app/shared/form/builder/ds-dynamic-form-ui/models/relation-group/modal/dynamic-relation-group-modal.component.html
index 3a228face5d..df29545d619 100644
--- a/src/app/shared/form/builder/ds-dynamic-form-ui/models/relation-group/modal/dynamic-relation-group-modal.component.html
+++ b/src/app/shared/form/builder/ds-dynamic-form-ui/models/relation-group/modal/dynamic-relation-group-modal.component.html
@@ -1,6 +1,6 @@
 <div class="modal-content">
   <div class="modal-header">
-    <h5 class="modal-title">{{ getHeader() }}</h5>
+    <h4 id="modal-title" class="modal-title">{{ getHeader() }}</h4>
   </div>
   <div class="modal-body">
 
diff --git a/src/app/shared/form/vocabulary-treeview-modal/vocabulary-treeview-modal.component.html b/src/app/shared/form/vocabulary-treeview-modal/vocabulary-treeview-modal.component.html
index 62ea1e445e5..b337a78a4a2 100644
--- a/src/app/shared/form/vocabulary-treeview-modal/vocabulary-treeview-modal.component.html
+++ b/src/app/shared/form/vocabulary-treeview-modal/vocabulary-treeview-modal.component.html
@@ -1,5 +1,5 @@
 <div class="modal-header">
-  <h4 class="modal-title">{{'vocabulary-treeview.header' | translate}}</h4>
+  <h4 id="modal-title" class="modal-title">{{'vocabulary-treeview.header' | translate}}</h4>
   <button type="button" class="btn-close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
   </button>
 </div>
diff --git a/src/app/shared/idle-modal/idle-modal.component.html b/src/app/shared/idle-modal/idle-modal.component.html
index 91ca7cd67bf..d0c35561f1f 100644
--- a/src/app/shared/idle-modal/idle-modal.component.html
+++ b/src/app/shared/idle-modal/idle-modal.component.html
@@ -1,5 +1,6 @@
 <div>
-  <div class="modal-header" id="idle-modal.header">{{ "idle-modal.header" | translate }}
+  <div class="modal-header">
+    <h4 id="idle-modal.header" class="modal-title h4 mb-0">{{ "idle-modal.header" | translate }}</h4>
     <button type="button" class="btn-close" (click)="closePressed()" aria-label="Close">
     </button>
   </div>
diff --git a/src/app/shared/mydspace-actions/claimed-task/reject/claimed-task-actions-reject.component.html b/src/app/shared/mydspace-actions/claimed-task/reject/claimed-task-actions-reject.component.html
index 82721fb8287..a70ab766784 100644
--- a/src/app/shared/mydspace-actions/claimed-task/reject/claimed-task-actions-reject.component.html
+++ b/src/app/shared/mydspace-actions/claimed-task/reject/claimed-task-actions-reject.component.html
@@ -13,7 +13,7 @@
 
 <ng-template #rejectModal let-c="close" let-d="dismiss">
   <div class="modal-header">
-    <h4 class="modal-title">{{'submission.workflow.tasks.claimed.reject.reason.title' | translate}}</h4>
+    <h4 id="modal-title" class="modal-title">{{'submission.workflow.tasks.claimed.reject.reason.title' | translate}}</h4>
     <button type="button"
       class="btn-close"
       aria-label="Close"
diff --git a/src/app/shared/mydspace-actions/workspaceitem/workspaceitem-actions.component.html b/src/app/shared/mydspace-actions/workspaceitem/workspaceitem-actions.component.html
index 21191ea0328..82888d1bbb3 100644
--- a/src/app/shared/mydspace-actions/workspaceitem/workspaceitem-actions.component.html
+++ b/src/app/shared/mydspace-actions/workspaceitem/workspaceitem-actions.component.html
@@ -36,7 +36,7 @@
 
 <ng-template #content let-c="close" let-d="dismiss">
   <div class="modal-header">
-    <div class="modal-title text-danger h4">{{'submission.general.discard.confirm.title' | translate}}</div>
+    <h4 id="modal-title" class="modal-title text-danger h4">{{'submission.general.discard.confirm.title' | translate}}</h4>
     <button type="button" id="delete_close" class="btn-close" aria-label="Close" (click)="d('cancel')">
     </button>
   </div>
diff --git a/src/app/shared/resource-policies/form/resource-policy-form.component.html b/src/app/shared/resource-policies/form/resource-policy-form.component.html
index 2e445a69a7e..d0c96f453bb 100644
--- a/src/app/shared/resource-policies/form/resource-policy-form.component.html
+++ b/src/app/shared/resource-policies/form/resource-policy-form.component.html
@@ -59,7 +59,7 @@
 
   <ng-template #content let-modal>
     <div class="modal-header">
-      <h4 class="modal-title" id="modal-basic-title">{{ 'resource-policies.form.eperson-group-list.modal.header' | translate }}</h4>
+      <h4 class="modal-title" id="modal-title">{{ 'resource-policies.form.eperson-group-list.modal.header' | translate }}</h4>
       <button type="button" class="btn-close" aria-label="Close" (click)="modal.close()">
       </button>
     </div>
diff --git a/src/app/shared/search-form/scope-selector-modal/scope-selector-modal.component.html b/src/app/shared/search-form/scope-selector-modal/scope-selector-modal.component.html
index 60b6bd33240..f95588ccebb 100644
--- a/src/app/shared/search-form/scope-selector-modal/scope-selector-modal.component.html
+++ b/src/app/shared/search-form/scope-selector-modal/scope-selector-modal.component.html
@@ -1,5 +1,6 @@
 <div>
-    <div class="modal-header">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}
+    <div class="modal-header">
+        <h4 id="modal-title" class="modal-title h4 mb-0">{{'dso-selector.'+ action + '.' + objectType.toString().toLowerCase() + '.head' | translate}}</h4>
         <button type="button" class="btn-close" (click)="selectObject(undefined)" aria-label="Close">
         </button>
     </div>
diff --git a/src/app/shared/subscriptions/subscription-modal/subscription-modal.component.html b/src/app/shared/subscriptions/subscription-modal/subscription-modal.component.html
index 9ecf824bbaf..cbac0366195 100644
--- a/src/app/shared/subscriptions/subscription-modal/subscription-modal.component.html
+++ b/src/app/shared/subscriptions/subscription-modal/subscription-modal.component.html
@@ -1,7 +1,7 @@
 @if (subscriptionForm) {
   <form [formGroup]="subscriptionForm" (ngSubmit)="submit()" data-test="subscription-form">
     <div class="modal-header">
-      <h4 class="modal-title">{{'subscriptions.modal.title' | translate}}</h4>
+      <h4 id="modal-title" class="modal-title">{{'subscriptions.modal.title' | translate}}</h4>
       <button type="button" class="btn-close" aria-label="Close" (click)="activeModal.close()">
       </button>
     </div>
diff --git a/src/app/submission/form/footer/submission-form-footer.component.html b/src/app/submission/form/footer/submission-form-footer.component.html
index 559ebbb0ea7..0c27f6cc206 100644
--- a/src/app/submission/form/footer/submission-form-footer.component.html
+++ b/src/app/submission/form/footer/submission-form-footer.component.html
@@ -88,7 +88,7 @@
 
 <ng-template #content let-c="close" let-d="dismiss">
   <div class="modal-header">
-    <h4 class="modal-title text-danger">{{'submission.general.discard.confirm.title' | translate}}</h4>
+    <h4 id="modal-title" class="modal-title text-danger">{{'submission.general.discard.confirm.title' | translate}}</h4>
     <button type="button" class="btn-close" aria-label="Close" (click)="d('cancel')">
     </button>
   </div>
diff --git a/src/app/submission/import-external/import-external-collection/submission-import-external-collection.component.html b/src/app/submission/import-external/import-external-collection/submission-import-external-collection.component.html
index c1de983b389..4db649d5161 100644
--- a/src/app/submission/import-external/import-external-collection/submission-import-external-collection.component.html
+++ b/src/app/submission/import-external/import-external-collection/submission-import-external-collection.component.html
@@ -1,5 +1,6 @@
 <div>
-  <div class="modal-header">{{'dso-selector.select.collection.head' | translate}}
+  <div class="modal-header">
+    <h4 id="modal-title" class="modal-title h4 mb-0">{{'dso-selector.select.collection.head' | translate}}</h4>
     <button type="button" class="btn-close" (click)="closeCollectionModal()" aria-label="Close">
     </button>
   </div>
diff --git a/src/app/submission/import-external/import-external-preview/submission-import-external-preview.component.html b/src/app/submission/import-external/import-external-preview/submission-import-external-preview.component.html
index 02bcc78bf49..50584b415c3 100644
--- a/src/app/submission/import-external/import-external-preview/submission-import-external-preview.component.html
+++ b/src/app/submission/import-external/import-external-preview/submission-import-external-preview.component.html
@@ -1,5 +1,5 @@
 <div class="modal-header">
-  <h2>{{'submission.import-external.preview.title.' + labelPrefix | translate}}</h2>
+  <h4 id="modal-title" class="modal-title h4 mb-0">{{'submission.import-external.preview.title.' + labelPrefix | translate}}</h4>
   <button type="button" class="btn-close"
     (click)="closeMetadataModal()" aria-label="Close">
   </button>
diff --git a/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.html b/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.html
index 93251f5a2d1..97de433fdf3 100644
--- a/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.html
+++ b/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.html
@@ -53,7 +53,7 @@
         <div>
           <div class="modal-header mb-4 ">
             <div>
-              <h4>
+              <h4 id="modal-title" class="modal-title">
                 {{ field.label }}
               </h4>
               <div [innerHTML]="field.description"></div>
diff --git a/src/app/submission/sections/upload/file/edit/section-upload-file-edit.component.html b/src/app/submission/sections/upload/file/edit/section-upload-file-edit.component.html
index 9187915dcf4..925848cee09 100644
--- a/src/app/submission/sections/upload/file/edit/section-upload-file-edit.component.html
+++ b/src/app/submission/sections/upload/file/edit/section-upload-file-edit.component.html
@@ -1,6 +1,6 @@
 <div>
   <div class="modal-header">
-    <h4 class="modal-title">{{'submission.sections.upload.edit.title' | translate}}</h4>
+    <h4 id="modal-title" class="modal-title">{{'submission.sections.upload.edit.title' | translate}}</h4>
     <button type="button" class="btn-close" (click)="onModalClose()" aria-label="Close" [dsBtnDisabled]="isSaving">
     </button>
   </div>
diff --git a/src/app/submission/sections/upload/file/section-upload-file.component.html b/src/app/submission/sections/upload/file/section-upload-file.component.html
index c1cdf266aaf..81160304be6 100644
--- a/src/app/submission/sections/upload/file/section-upload-file.component.html
+++ b/src/app/submission/sections/upload/file/section-upload-file.component.html
@@ -57,7 +57,7 @@
 
 <ng-template #content let-c="close" let-d="dismiss">
   <div class="modal-header">
-    <h4 class="modal-title text-danger">{{ 'submission.sections.upload.delete.confirm.title' | translate }}</h4>
+    <h4 id="modal-title" class="modal-title text-danger">{{ 'submission.sections.upload.delete.confirm.title' | translate }}</h4>
     <button type="button" class="btn-close" aria-label="Close" (click)="d('cancel')">
     </button>
   </div>
diff --git a/src/app/workspaceitems-edit-page/workspaceitems-delete-page/workspaceitems-delete-page.component.html b/src/app/workspaceitems-edit-page/workspaceitems-delete-page/workspaceitems-delete-page.component.html
index 8b8dda97b7b..caffc6a68d4 100644
--- a/src/app/workspaceitems-edit-page/workspaceitems-delete-page/workspaceitems-delete-page.component.html
+++ b/src/app/workspaceitems-edit-page/workspaceitems-delete-page/workspaceitems-delete-page.component.html
@@ -9,7 +9,7 @@ <h1>{{ 'workspace-item.delete.header' | translate }}</h1>
 
 <ng-template #content let-c="close" let-d="dismiss" id="delete-modal">
   <div class="modal-header">
-    <div class="modal-title text-danger h4">{{ 'workspace-item.delete.header' | translate }}</div>
+    <h4 id="modal-title" class="modal-title text-danger h4">{{ 'workspace-item.delete.header' | translate }}</h4>
     <button type="button" id="delete_close" class="btn-close" aria-label="Close" (click)="d('cancel')">
     </button>
   </div>