Move role to list item to meet ARIA spec

This commit is contained in:
Dag Frode Solberg 2022-12-06 16:07:58 +01:00
parent 3d410b6002
commit 6220ce3afc
2 changed files with 1 additions and 2 deletions

View File

@ -44,7 +44,7 @@ export class MenuItem extends React.Component<MenuItemProps> {
render() {
const { item, withoutChildren } = this.props;
return (
<MenuItemLi onClick={this.activate} depth={item.depth} data-item-id={item.id}>
<MenuItemLi onClick={this.activate} depth={item.depth} data-item-id={item.id} role="menuitem">
{item.type === 'operation' ? (
<OperationMenuItemContent {...this.props} item={item as OperationModel} />
) : (

View File

@ -125,7 +125,6 @@ export interface MenuItemLabelType {
}
export const MenuItemLabel = styled.label.attrs((props: MenuItemLabelType) => ({
role: 'menuitem',
className: classnames('-depth' + props.depth, {
active: props.active,
}),