diff --git a/src/app/components/dialog/dialog.ts b/src/app/components/dialog/dialog.ts
index a6e3d72c717..81c6282a694 100755
--- a/src/app/components/dialog/dialog.ts
+++ b/src/app/components/dialog/dialog.ts
@@ -87,8 +87,8 @@ const hideAnimation = animation([animate('{{transition}}', style({ transform: '{
                 <ng-template #notHeadless>
                     <div *ngIf="resizable" class="p-resizable-handle" style="z-index: 90;" (mousedown)="initResize($event)"></div>
                     <div #titlebar class="p-dialog-header" (mousedown)="initDrag($event)" *ngIf="showHeader">
-                        <span [id]="getAriaLabelledBy()" class="p-dialog-title" *ngIf="!headerFacet && !headerTemplate">{{ header }}</span>
-                        <span [id]="getAriaLabelledBy()" class="p-dialog-title" *ngIf="headerFacet">
+                        <span [id]="ariaLabelledBy" class="p-dialog-title" *ngIf="!headerFacet && !headerTemplate">{{ header }}</span>
+                        <span [id]="ariaLabelledBy" class="p-dialog-title" *ngIf="headerFacet">
                             <ng-content select="p-header"></ng-content>
                         </span>
                         <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
@@ -492,7 +492,7 @@ export class Dialog implements AfterContentInit, OnInit, OnDestroy {
 
     dragging: boolean | undefined;
 
-    ariaLabelledBy: string | undefined;
+    ariaLabelledBy: string = this.getAriaLabelledBy();
 
     documentDragListener: VoidListener;