From 506e0523c658b43f3f3f7f7e43580033e827fed1 Mon Sep 17 00:00:00 2001
From: Emmanuel Pelletier <manu@habite.la>
Date: Mon, 27 Feb 2023 17:24:35 +0100
Subject: [PATCH] fix(a11y/dialogs) fix dialog with tabs not setting an a11y
 label

This was already done correctly on <Dialog> but not <DialogWithTabs>.
Passing the given titleKey to the dialog component so that the dialog
matches the dialog aria pattern and screen reader users get a good
experience
---
 react/features/base/ui/components/web/DialogWithTabs.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/react/features/base/ui/components/web/DialogWithTabs.tsx b/react/features/base/ui/components/web/DialogWithTabs.tsx
index 1f5042585..8caa55d90 100644
--- a/react/features/base/ui/components/web/DialogWithTabs.tsx
+++ b/react/features/base/ui/components/web/DialogWithTabs.tsx
@@ -310,7 +310,8 @@ const DialogWithTabs = ({
         <BaseDialog
             className = { cx(classes.dialog, className) }
             onClose = { onClose }
-            size = 'large'>
+            size = 'large'
+            titleKey = { titleKey }>
             {(!isMobile || !selectedTab) && (
                 <div
                     aria-orientation = 'vertical'