From 8bd74f517c7c72c52e7f09941f23254b5c4f0c05 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Wed, 6 Mar 2024 14:41:14 +0000
Subject: [PATCH] Handle up/down as well as left/right for horizontal toolbars
 for improved a11y (#12305)

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 src/accessibility/Toolbar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/accessibility/Toolbar.tsx b/src/accessibility/Toolbar.tsx
index a606f9aae8..c5a81aeda3 100644
--- a/src/accessibility/Toolbar.tsx
+++ b/src/accessibility/Toolbar.tsx
@@ -53,8 +53,9 @@ const Toolbar = forwardRef<HTMLDivElement, IProps>(({ children, ...props }, ref)
         }
     };
 
+    // We handle both up/down and left/right as is allowed in the above WAI ARIA best practices
     return (
-        <RovingTabIndexProvider handleHomeEnd handleLeftRight onKeyDown={onKeyDown}>
+        <RovingTabIndexProvider handleHomeEnd handleLeftRight handleUpDown onKeyDown={onKeyDown}>
             {({ onKeyDownHandler }) => (
                 <div {...props} onKeyDown={onKeyDownHandler} role="toolbar" ref={ref}>
                     {children}