From 101b5ebbda7eb370797de69feea9c6e560b7f871 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Wed, 13 Dec 2023 17:23:25 +0300
Subject: [PATCH] Fixed #14361 - Add missing aria properties

---
 src/app/components/overlaypanel/overlaypanel.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/app/components/overlaypanel/overlaypanel.ts b/src/app/components/overlaypanel/overlaypanel.ts
index c1e28583eb1..f93599b5bf1 100755
--- a/src/app/components/overlaypanel/overlaypanel.ts
+++ b/src/app/components/overlaypanel/overlaypanel.ts
@@ -47,6 +47,8 @@ import { Subscription } from 'rxjs';
             (@animation.done)="onAnimationEnd($event)"
             role="dialog"
             [attr.aria-modal]="overlayVisible"
+            [attr.aria-label]="ariaLabel"
+            [attr.aria-labelledBy]="ariaLabelledBy"
         >
             <div class="p-overlaypanel-content" (click)="onContentClick()" (mousedown)="onContentClick()">
                 <ng-content></ng-content>
@@ -94,6 +96,16 @@ import { Subscription } from 'rxjs';
     }
 })
 export class OverlayPanel implements AfterContentInit, OnDestroy {
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    @Input() ariaLabel: string | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    @Input() ariaLabelledBy: string | undefined;
     /**
      * Enables to hide the overlay when outside is clicked.
      * @group Props