From 51ddd5872f7a61aa2931d5baa61fd3f45dd08596 Mon Sep 17 00:00:00 2001
From: Satyapriya Bai <v-satybai@microsoft.com>
Date: Wed, 5 Feb 2025 18:04:19 +0530
Subject: [PATCH] [accessibility-3556570]: [Programmatic Access- Azure Cosmos
 DB- Data Explorer]: Ensures elements with an ARIA role that require child
 roles contain them.

---
 src/Explorer/Tabs/Tabs.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Explorer/Tabs/Tabs.tsx b/src/Explorer/Tabs/Tabs.tsx
index e451dab69..a1be9da71 100644
--- a/src/Explorer/Tabs/Tabs.tsx
+++ b/src/Explorer/Tabs/Tabs.tsx
@@ -159,7 +159,7 @@ function TabNav({ tab, active, tabKind }: { tab?: Tab; active: boolean; tabKind?
             </span>
             <span className="tabNavText">{tabTitle}</span>
           </span>
-          <span className="tabIconSection">
+          <span className="tabIconSection" aria-hidden="true">
             <CloseButton tab={tab} active={active} hovering={hovering} tabKind={tabKind} ariaLabel={tabTitle} />
           </span>
         </div>
@@ -247,7 +247,7 @@ function TabPane({ tab, active }: { tab: Tab; active: boolean }) {
   if (tab) {
     if ("render" in tab) {
       return (
-        <div data-test={`Tab:${tab.tabId}`} {...attrs}>
+        <div id={tab.tabId} data-test={`Tab:${tab.tabId}`} {...attrs}>
           {tab.render()}
         </div>
       );