diff --git a/__tests__/shared/components/TopcoderHeader/desktop/SubMenu/Item.jsx b/__tests__/shared/components/TopcoderHeader/desktop/SubMenu/Item.jsx
index 0e8c470923..0ebcd65cb8 100644
--- a/__tests__/shared/components/TopcoderHeader/desktop/SubMenu/Item.jsx
+++ b/__tests__/shared/components/TopcoderHeader/desktop/SubMenu/Item.jsx
@@ -8,7 +8,7 @@ test('Matches shallow shapshot', () => {
   renderer.render((
     <Item
       currentSubMenuTitle="title"
-      icon="icon url"
+      icon={<div />}
       title="title"
       link="menu url"
     />
@@ -18,7 +18,7 @@ test('Matches shallow shapshot', () => {
   renderer.render((
     <Item
       currentSubMenuTitle="another title"
-      icon="icon url"
+      icon={<div />}
       title="title"
       link="menu url"
     />
diff --git a/__tests__/shared/components/TopcoderHeader/desktop/SubMenu/__snapshots__/Item.jsx.snap b/__tests__/shared/components/TopcoderHeader/desktop/SubMenu/__snapshots__/Item.jsx.snap
index 352474da67..a438da528a 100644
--- a/__tests__/shared/components/TopcoderHeader/desktop/SubMenu/__snapshots__/Item.jsx.snap
+++ b/__tests__/shared/components/TopcoderHeader/desktop/SubMenu/__snapshots__/Item.jsx.snap
@@ -11,7 +11,9 @@ exports[`Matches shallow shapshot 1`] = `
     openNewTab={false}
     to="menu url"
   >
-    icon url
+    <div
+      aria-label="title"
+    />
     title
   </Link>
 </li>
@@ -28,7 +30,9 @@ exports[`Matches shallow shapshot 2`] = `
     openNewTab={false}
     to="menu url"
   >
-    icon url
+    <div
+      aria-label="title"
+    />
     title
   </Link>
 </li>
diff --git a/src/shared/components/TopcoderHeader/desktop/SubMenu/Item/index.jsx b/src/shared/components/TopcoderHeader/desktop/SubMenu/Item/index.jsx
index 7ac001bd41..e90b84f519 100644
--- a/src/shared/components/TopcoderHeader/desktop/SubMenu/Item/index.jsx
+++ b/src/shared/components/TopcoderHeader/desktop/SubMenu/Item/index.jsx
@@ -18,6 +18,7 @@ export default function Item({
 }) {
   let styleName = 'item';
   if (currentSubMenuTitle === title) styleName += ' current';
+  const accessibleIcon = React.cloneElement(icon, { 'aria-label': `${title}` });
   return (
     /* TODO: Should be done in a clean way, witout disabling eslint rules. */
     /* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */
@@ -29,7 +30,7 @@ export default function Item({
       tabIndex={0}
     >
       <Link enforceA={enforceA} openNewTab={openNewTab} to={link}>
-        {icon}
+        {accessibleIcon}
         {title}
       </Link>
     </li>