From 6354a77bf14fe8c0293ba24235e983657d5387b8 Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Thu, 15 Jul 2021 13:32:58 -0500
Subject: [PATCH] make skip navigation link first focusable element

---
 ui/component/header/view.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/component/header/view.jsx b/ui/component/header/view.jsx
index 993f5e719..f3eb7d8d2 100644
--- a/ui/component/header/view.jsx
+++ b/ui/component/header/view.jsx
@@ -64,6 +64,8 @@ type Props = {
   activeChannelStakedLevel: number,
 };
 
+// Allow screen reader users ( or keyboard navigation )
+// to jump to main content
 const SkipNavigationButton = () => {
   const skipNavigation = (e) => {
     // Match any focusable element
@@ -252,6 +254,7 @@ const Header = (props: Props) => {
         ) : (
           <>
             <div className="header__navigation">
+              <SkipNavigationButton />
               {!authHeader && (
                 <span style={{ position: 'relative' }}>
                   <Button
@@ -290,8 +293,6 @@ const Header = (props: Props) => {
                 {...homeButtonNavigationProps}
               />
 
-              <SkipNavigationButton />
-
               {!authHeader && (
                 <div className="header__center">
                   {/* @if TARGET='app' */}