PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Handle up/down as well as left/right for horizontal toolbars for improved a11y (#12305)

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2024-03-06 14:41:14 +00:00 committed by GitHub
parent 942fabc5a8
commit 8bd74f517c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/accessibility/Toolbar.tsx
View file

@ -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 ( return (
<RovingTabIndexProvider handleHomeEnd handleLeftRight onKeyDown={onKeyDown}> <RovingTabIndexProvider handleHomeEnd handleLeftRight handleUpDown onKeyDown={onKeyDown}>
{({ onKeyDownHandler }) => ( {({ onKeyDownHandler }) => (
<div {...props} onKeyDown={onKeyDownHandler} role="toolbar" ref={ref}> <div {...props} onKeyDown={onKeyDownHandler} role="toolbar" ref={ref}>
{children} {children}