diff --git a/src/Components/ContextMenu/ContextMenu.tsx b/src/Components/ContextMenu/ContextMenu.tsx index f402c76..fcda9d6 100644 --- a/src/Components/ContextMenu/ContextMenu.tsx +++ b/src/Components/ContextMenu/ContextMenu.tsx @@ -116,9 +116,20 @@ export const ContextMenu = (props: IContextMenuProps) => { <> {React.cloneElement(children ??
, { ref: setReferenceElement, + role: 'button', + tabIndex: 0, + 'aria-haspopup': 'menu', + 'aria-expanded': isContextMenuVisible, + 'aria-label': 'Open menu', onClick: (e: MouseEvent) => { onContextMenuClick(e); }, + onKeyDown: (e: React.KeyboardEvent) => { + if (e.key === 'Enter' || e.key === ' ') { + e.preventDefault(); + setIsContextMenuVisible(true); + } + }, })} {isContextMenuVisible && diff --git a/src/Components/ContextMenu/ContextMenuOption.tsx b/src/Components/ContextMenu/ContextMenuOption.tsx index dad6ed7..a63402e 100644 --- a/src/Components/ContextMenu/ContextMenuOption.tsx +++ b/src/Components/ContextMenu/ContextMenuOption.tsx @@ -45,11 +45,21 @@ export const ContextMenuOption = (props: IContextMenuOptionProps) => {