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 = () => {
- +
@@ -262,7 +262,7 @@ const MobileNav = () => { ) : (
- +
)} @@ -271,7 +271,7 @@ const MobileNav = () => { ) : (
- +
)} @@ -291,8 +291,19 @@ const StuffMenu = () => { return (
- -