From b7b2149b765a7ebc673e7227efe21eb7c6adfd2e Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Thu, 7 Apr 2022 05:31:48 -0700
Subject: [PATCH] Navigation: add aria-label to NavBarToggle (#47434) (#47439)

* add aria-label to NavBarToggle

* use open/close instead

(cherry picked from commit d95782845d819b54131aa11f0d1343b1928cd290)

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
---
 public/app/core/components/NavBar/Next/NavBarToggle.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/app/core/components/NavBar/Next/NavBarToggle.tsx b/public/app/core/components/NavBar/Next/NavBarToggle.tsx
index fc830d0fe0f..617958cc046 100644
--- a/public/app/core/components/NavBar/Next/NavBarToggle.tsx
+++ b/public/app/core/components/NavBar/Next/NavBarToggle.tsx
@@ -16,6 +16,7 @@ export const NavBarToggle = ({ className, isExpanded, onClick }: Props) => {
 
   return (
     <IconButton
+      aria-label={isExpanded ? 'Close navigation menu' : 'Open navigation menu'}
       name={isExpanded ? 'angle-left' : 'angle-right'}
       className={classnames(className, styles.icon)}
       size="xl"