Merge pull request #2936 from PrakashDurlabhji/issue_2837

issue 2837 fix

Author: sushilshinde

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

@@ -83,6 +83,8 @@ exports[`Default render 1`] = `
         onMouseEnter={[Function]}
         onMouseLeave={[Function]}
         onTouchStart={[Function]}
+        role="button"
+        tabIndex={0}
       >
         <MagnifyingGlass
           height="18"
@@ -362,6 +364,8 @@ exports[`Render with open menu 1`] = `
         onMouseEnter={[Function]}
         onMouseLeave={[Function]}
         onTouchStart={[Function]}
+        role="button"
+        tabIndex={0}
       >
         <MagnifyingGlass
           height="18"
@@ -671,6 +675,8 @@ exports[`Render with specified profile 1`] = `
         onMouseEnter={[Function]}
         onMouseLeave={[Function]}
         onTouchStart={[Function]}
+        role="button"
+        tabIndex={0}
       >
         <MagnifyingGlass
           height="18"

src/shared/components/TopcoderHeader/index.jsx

@@ -359,6 +359,8 @@ export default class TopcoderHeader extends React.Component {
             {userMenuHandle}
             {authButtons}
             <div
+              role="button"
+              tabIndex={0}
               data-menu="search"
               className={searchOpened ? 'opened' : ''}
               onMouseEnter={event => !isMobile && openSearch(event.target)}