Revert "add skipnav link in header"

src/DesktopHeader.jsx

@@ -108,7 +108,6 @@ class DesktopHeader extends React.Component {
 
     return (
       <header className="site-header-desktop">
-        <a className="nav-skip sr-only sr-only-focusable" href="#main">{intl.formatMessage(messages['header.label.skip.nav'])}</a>
         <div className={`container-fluid ${logoClasses}`}>
           <div className="nav-container position-relative d-flex align-items-center">
             {logoDestination === null ? <Logo className="logo" src={logo} alt={logoAltText} /> : <LinkedLogo className="logo" {...logoProps} />}

src/Header.messages.jsx

@@ -91,11 +91,6 @@ const messages = defineMessages({
     defaultMessage: 'Secondary',
     description: 'The aria label for the seconary nav',
   },
-  'header.label.skip.nav': {
-    id: 'header.label.skip.nav',
-    defaultMessage: 'Skip to main content',
-    description: 'A link used by screen readers to allow users to skip to the main content of the page.',
-  },
 });
 
 export default messages;

src/MobileHeader.jsx

@@ -104,7 +104,6 @@ class MobileHeader extends React.Component {
         aria-label={intl.formatMessage(messages['header.label.main.header'])}
         className={`site-header-mobile d-flex justify-content-between align-items-center shadow ${stickyClassName}`}
       >
-        <a className="nav-skip sr-only sr-only-focusable" href="#main">{intl.formatMessage(messages['header.label.skip.nav'])}</a>
         {mainMenu.length > 0 ? (
           <div className="w-100 d-flex justify-content-start">
 

src/__snapshots__/Header.test.jsx.snap

@@ -4,12 +4,6 @@ exports[`<Header /> renders correctly for anonymous desktop 1`] = `
 <header
   className="site-header-desktop"
 >
-  <a
-    className="nav-skip sr-only sr-only-focusable"
-    href="#main"
-  >
-    Skip to main content
-  </a>
   <div
     className="container-fluid null"
   >
@@ -64,12 +58,6 @@ exports[`<Header /> renders correctly for anonymous mobile 1`] = `
   aria-label="Main"
   className="site-header-mobile d-flex justify-content-between align-items-center shadow sticky-top"
 >
-  <a
-    className="nav-skip sr-only sr-only-focusable"
-    href="#main"
-  >
-    Skip to main content
-  </a>
   <div
     className="w-100 d-flex justify-content-start"
   >
@@ -200,12 +188,6 @@ exports[`<Header /> renders correctly for authenticated desktop 1`] = `
 <header
   className="site-header-desktop"
 >
-  <a
-    className="nav-skip sr-only sr-only-focusable"
-    href="#main"
-  >
-    Skip to main content
-  </a>
   <div
     className="container-fluid null"
   >
@@ -310,12 +292,6 @@ exports[`<Header /> renders correctly for authenticated mobile 1`] = `
   aria-label="Main"
   className="site-header-mobile d-flex justify-content-between align-items-center shadow sticky-top"
 >
-  <a
-    className="nav-skip sr-only sr-only-focusable"
-    href="#main"
-  >
-    Skip to main content
-  </a>
   <div
     className="w-100 d-flex justify-content-start"
   >