diff --git a/client/common/IconButton.jsx b/client/common/IconButton.jsx
index 8cf732f91d..6d022fbd2f 100644
--- a/client/common/IconButton.jsx
+++ b/client/common/IconButton.jsx
@@ -13,7 +13,7 @@ const ButtonWrapper = styled(Button)`
`;
const IconButton = (props) => {
- const { icon, ...otherProps } = props;
+ const { icon, ariaLabel, ...otherProps } = props;
const Icon = icon;
return (
@@ -22,17 +22,20 @@ const IconButton = (props) => {
iconOnly
display={Button.displays.inline}
focusable="false"
+ aria-label={ariaLabel}
{...otherProps}
/>
);
};
IconButton.propTypes = {
- icon: PropTypes.func
+ icon: PropTypes.func,
+ ariaLabel: PropTypes.string
};
IconButton.defaultProps = {
- icon: null
+ icon: null,
+ ariaLabel: ''
};
export default IconButton;
diff --git a/client/modules/IDE/components/Header/MobileNav.jsx b/client/modules/IDE/components/Header/MobileNav.jsx
index 349d3d1709..443a96d22e 100644
--- a/client/modules/IDE/components/Header/MobileNav.jsx
+++ b/client/modules/IDE/components/Header/MobileNav.jsx
@@ -249,7 +249,7 @@ const MobileNav = () => {