diff --git a/assets/scss/base/_base.scss b/assets/scss/base/_base.scss
index 37bd33cd..cd6be99f 100644
--- a/assets/scss/base/_base.scss
+++ b/assets/scss/base/_base.scss
@@ -86,6 +86,10 @@ a {
     }
 }
 
+:focus {
+    outline: var(--color-primary), auto, 1px;
+}
+
 ::selection {
     background-color: alpha(var(--color-primary), 0.3);
 }
diff --git a/assets/scss/base/_responsive.scss b/assets/scss/base/_responsive.scss
index 5594dcd2..831c29c9 100644
--- a/assets/scss/base/_responsive.scss
+++ b/assets/scss/base/_responsive.scss
@@ -22,6 +22,14 @@
                 display: block;
                 margin: 0;
             }
+            #nav-toggle {
+                display: block;
+                position: absolute;
+                height: 1px;
+                width: 1px;
+                overflow: hidden;
+                clip: rect(1px, 1px, 1px, 1px);
+            }
             .nav-toggle {
                 display: block;
             }
diff --git a/layouts/partials/components/nav-toggle.html b/layouts/partials/components/nav-toggle.html
index 2a598091..38c9c33e 100644
--- a/layouts/partials/components/nav-toggle.html
+++ b/layouts/partials/components/nav-toggle.html
@@ -1,5 +1,4 @@
 {{ if .Site.Params.enableNavToggle }}
-    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
     <label for="nav-toggle" class="nav-toggle"></label>
     <label for="nav-toggle" class="nav-curtain"></label>
 {{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index a435553b..955e9c7c 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -4,6 +4,9 @@
             <div class="header-wrapper">
                 <div class="header-inner">
                     {{ template "site-brand" . }}
+                    {{ if .Site.Params.enableNavToggle }}
+                        <input type="checkbox" id="nav-toggle" />
+                    {{ end }}
                     {{ partial "menu.html" . }}
                     {{ partial "custom/header.html" . }}
                 </div>