From 068fec57533210e5d9cf558a55e6ac7544a1cfe7 Mon Sep 17 00:00:00 2001
From: Jen Downs <hello@jendowns.com>
Date: Thu, 12 Dec 2019 13:15:28 -0600
Subject: [PATCH] =?UTF-8?q?fix(skip-to-content):=20add=20explicit=20href?=
 =?UTF-8?q?=20to=20component,=20add=20id=20to=E2=80=A6=20(#607)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Container/Container.js                   | 6 +++++-
 .../gatsby-theme-carbon/src/components/Header/Header.js     | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/gatsby-theme-carbon/src/components/Container/Container.js b/packages/gatsby-theme-carbon/src/components/Container/Container.js
index 3526f9747..bab47c2fa 100644
--- a/packages/gatsby-theme-carbon/src/components/Container/Container.js
+++ b/packages/gatsby-theme-carbon/src/components/Container/Container.js
@@ -48,7 +48,11 @@ const Container = ({ children, homepage, theme }) => {
         role="presentation"
         tabIndex="-1"
       />
-      <main aria-hidden={overlayVisible} className={containerClassNames}>
+      <main
+        id="main-content"
+        aria-hidden={overlayVisible}
+        className={containerClassNames}
+      >
         {children}
       </main>
     </>
diff --git a/packages/gatsby-theme-carbon/src/components/Header/Header.js b/packages/gatsby-theme-carbon/src/components/Header/Header.js
index f5ba18822..c959ab70b 100644
--- a/packages/gatsby-theme-carbon/src/components/Header/Header.js
+++ b/packages/gatsby-theme-carbon/src/components/Header/Header.js
@@ -36,7 +36,7 @@ const Header = ({ children }) => {
   return (
     <>
       <ShellHeader aria-label="Header" className={header}>
-        <SkipToContent className={skipToContent} />
+        <SkipToContent href="#main-content" className={skipToContent} />
         <HeaderMenuButton
           className={cx('bx--header__action--menu', headerButton)}
           aria-label="Open menu"