From e7ad60bfc72b9817a4014f11e3383cae87b6ccef Mon Sep 17 00:00:00 2001
From: RoxanaAnamariaTurc
 <106086831+RoxanaAnamariaTurc@users.noreply.github.com>
Date: Fri, 21 Jul 2023 09:54:48 +0100
Subject: [PATCH] A11Y: Added the name of the section  to  collapse button for
 screenreader (#72010)

A11Y: Added the name of the section  to aria-label of the button to collapse or expand section in the navigation tree
---
 .../core/components/AppChrome/MegaMenu/NavBarMenuSection.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/app/core/components/AppChrome/MegaMenu/NavBarMenuSection.tsx b/public/app/core/components/AppChrome/MegaMenu/NavBarMenuSection.tsx
index 433ee3c886e..bcfaf54833c 100644
--- a/public/app/core/components/AppChrome/MegaMenu/NavBarMenuSection.tsx
+++ b/public/app/core/components/AppChrome/MegaMenu/NavBarMenuSection.tsx
@@ -56,7 +56,7 @@ export function NavBarMenuSection({
         </NavBarMenuItem>
         {children && (
           <Button
-            aria-label={`${sectionExpanded ? 'Collapse' : 'Expand'} section`}
+            aria-label={`${sectionExpanded ? 'Collapse' : 'Expand'} section ${link.text}`}
             variant="secondary"
             fill="text"
             className={styles.collapseButton}