Problem description

Using lighthouse, I noticed that DOM button node rendered by EnhancedButton -> IconButton -> DropdownMenu are missing aria-label and aria-labeledby attributes, leading to accessibility concerns. Minimally, the aria-label should be passed through the DropDownMenu implementation and propagated down the tree to the button.

Link to minimal working code that reproduces the issue

Reference any DropdownMenu on the docs site.

Versions

• Material-UI: 0.18.1
• React: Not Sure
• Browser: Chrome

Description

Images & references

Lighthouse report:

Example of invalid DOM node: