From 8dc2258ee1567a0f4b770d84f47375c7a76da4c1 Mon Sep 17 00:00:00 2001
From: SudoSaysWhat <razvan.brinzoi@kaltura.com>
Date: Thu, 20 Jun 2024 17:49:11 +0300
Subject: [PATCH] ADA-1065-Added aria-labelby attribute to the dialog

---
 src/components/cvaa-overlay/main-captions_window.tsx | 2 +-
 src/components/overlay/overlay.tsx                   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/cvaa-overlay/main-captions_window.tsx b/src/components/cvaa-overlay/main-captions_window.tsx
index 9fd328532..e91666b40 100644
--- a/src/components/cvaa-overlay/main-captions_window.tsx
+++ b/src/components/cvaa-overlay/main-captions_window.tsx
@@ -75,7 +75,7 @@ class MainCaptionsWindow extends Component<any, any> {
   render(props: any): VNode<any> {
     return (
       <div className={[style.overlayScreen, style.active].join(' ')}>
-        <h2 className={style.title}>
+        <h2 className={style.title} id="captionsDialogTitle">
           <Text id={'cvaa.title'} />
         </h2>
         <div role="group">
diff --git a/src/components/overlay/overlay.tsx b/src/components/overlay/overlay.tsx
index edc5c898c..4e55e89ad 100644
--- a/src/components/overlay/overlay.tsx
+++ b/src/components/overlay/overlay.tsx
@@ -140,7 +140,7 @@ class Overlay extends Component<any, any> {
     }
 
     return (
-      <div tabIndex={-1} className={overlayClass.join(' ')} role="dialog" onKeyDown={this.onKeyDown} aria-label={label}>
+      <div tabIndex={-1} className={overlayClass.join(' ')} role="dialog" onKeyDown={this.onKeyDown} aria-labelledby="captionsDialogTitle">
         <div className={style.overlayContents}>{this.props.children}</div>
         {this.renderCloseButton(this.props)}
       </div>