From fa18ef32f68ee06d481dbc952d4d77c87e93687b Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Mon, 26 Oct 2020 20:38:49 +0200
Subject: [PATCH] semantic html

---
 scenes/Layout/components/Footer.tsx     | 2 +-
 scenes/Layout/components/IconNavBar.tsx | 8 +++++++-
 scenes/Layout/components/TopNav.tsx     | 1 +
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/scenes/Layout/components/Footer.tsx b/scenes/Layout/components/Footer.tsx
index 9824a2ef1..c3617b799 100644
--- a/scenes/Layout/components/Footer.tsx
+++ b/scenes/Layout/components/Footer.tsx
@@ -17,7 +17,7 @@ const Footer: React.FC = () => {
   )[species];
 
   return (
-    <Box mt="auto">
+    <Box as="footer" mt="auto">
       <Image
         src={footerImageSrc}
         bg={themeColor}
diff --git a/scenes/Layout/components/IconNavBar.tsx b/scenes/Layout/components/IconNavBar.tsx
index 397f35b60..e9acf44a5 100644
--- a/scenes/Layout/components/IconNavBar.tsx
+++ b/scenes/Layout/components/IconNavBar.tsx
@@ -99,7 +99,13 @@ const IconNavBar = () => {
   const isVoting = false;
 
   return (
-    <Flex bg={secondaryBgColor} py={2} justifyContent="center" flexWrap="wrap">
+    <Flex
+      as="nav"
+      bg={secondaryBgColor}
+      py={2}
+      justifyContent="center"
+      flexWrap="wrap"
+    >
       {navIcons.map(({ displayName, code, menuItems }) => {
         const codesTogether =
           "/" +
diff --git a/scenes/Layout/components/TopNav.tsx b/scenes/Layout/components/TopNav.tsx
index 8259bd383..bd65ce701 100644
--- a/scenes/Layout/components/TopNav.tsx
+++ b/scenes/Layout/components/TopNav.tsx
@@ -75,6 +75,7 @@ const TopNav = () => {
 
   return (
     <Grid
+      as="header"
       templateColumns={["1fr 1fr", null, "1fr 1fr 1fr"]}
       bg={bgColor}
       w="100%"