From 3ada04da734ad1408d9697e380f4e4e4423eb5ea Mon Sep 17 00:00:00 2001
From: Sampath <v-smokireddy@microsoft.com>
Date: Tue, 13 Feb 2024 23:46:43 +0530
Subject: [PATCH] heading role along with level of heading added to the element
 for the screen reader

---
 src/Explorer/Quickstart/QuickstartCarousel.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Explorer/Quickstart/QuickstartCarousel.tsx b/src/Explorer/Quickstart/QuickstartCarousel.tsx
index 28ba3b353..95a480b39 100644
--- a/src/Explorer/Quickstart/QuickstartCarousel.tsx
+++ b/src/Explorer/Quickstart/QuickstartCarousel.tsx
@@ -24,7 +24,9 @@ export const QuickstartCarousel: React.FC<QuickstartCarouselProps> = ({
     >
       <Stack>
         <Stack horizontal horizontalAlign="space-between" style={{ padding: 16 }}>
-          <Text variant="xLarge">{getHeaderText(page)}</Text>
+          <Text role="heading" aria-level={1} variant="xLarge">
+            {getHeaderText(page)}
+          </Text>
           <IconButton iconProps={{ iconName: "Cancel" }} onClick={() => setPage(4)} ariaLabel="Close" />
         </Stack>
         {getContent(page)}