Merge pull request #2943 from PrakashDurlabhji/issue_2754

issue 2754 fix

Author: sushilshinde

__tests__/shared/components/TopcoderHeader/__snapshots__/index.jsx.snap

@@ -29,7 +29,12 @@ exports[`Default render 1`] = `
         onMouseLeave={[Function]}
         onTouchStart={[Function]}
       >
-        Compete
+        <span
+          role="link"
+          tabIndex={0}
+        >
+          Compete
+        </span>
       </li>
       <li
         className="src-shared-components-TopcoderHeader-___style__main-menu-item___2KIu6"
@@ -51,7 +56,12 @@ exports[`Default render 1`] = `
         onMouseLeave={[Function]}
         onTouchStart={[Function]}
       >
-        Community
+        <span
+          role="link"
+          tabIndex={0}
+        >
+          Community
+        </span>
       </li>
     </ul>
     <div
@@ -294,7 +304,12 @@ exports[`Render with open menu 1`] = `
         onMouseLeave={[Function]}
         onTouchStart={[Function]}
       >
-        Compete
+        <span
+          role="link"
+          tabIndex={0}
+        >
+          Compete
+        </span>
       </li>
       <li
         className="src-shared-components-TopcoderHeader-___style__main-menu-item___2KIu6"
@@ -316,7 +331,12 @@ exports[`Render with open menu 1`] = `
         onMouseLeave={[Function]}
         onTouchStart={[Function]}
       >
-        Community
+        <span
+          role="link"
+          tabIndex={0}
+        >
+          Community
+        </span>
       </li>
     </ul>
     <div
@@ -570,7 +590,12 @@ exports[`Render with specified profile 1`] = `
         onMouseLeave={[Function]}
         onTouchStart={[Function]}
       >
-        Compete
+        <span
+          role="link"
+          tabIndex={0}
+        >
+          Compete
+        </span>
       </li>
       <li
         className="src-shared-components-TopcoderHeader-___style__main-menu-item___2KIu6"
@@ -592,7 +617,12 @@ exports[`Render with specified profile 1`] = `
         onMouseLeave={[Function]}
         onTouchStart={[Function]}
       >
-        Community
+        <span
+          role="link"
+          tabIndex={0}
+        >
+          Community
+        </span>
       </li>
     </ul>
     <div

src/shared/components/TopcoderHeader/index.jsx

@@ -246,7 +246,7 @@ export default class TopcoderHeader extends React.Component {
             <Link to={item.url}>
               {item.title}
             </Link>
-          ) : item.title}
+          ) : <span role="link" tabIndex={0}>{item.title}</span>}
         </li>
       );
     });