From 85de1413dde40aede914f7a1be29c3411dd9ec7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20Weng?= <ixartz@users.noreply.github.com>
Date: Mon, 5 Oct 2020 23:26:45 +0200
Subject: [PATCH] Solving accessiblity issue related to heading and landmark

---
 src/_includes/layouts/base.ejs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/_includes/layouts/base.ejs b/src/_includes/layouts/base.ejs
index 31fd800..20c351d 100644
--- a/src/_includes/layouts/base.ejs
+++ b/src/_includes/layouts/base.ejs
@@ -48,10 +48,10 @@
   <div class="max-w-screen-md mx-auto">
     <div class="border-b border-gray-300">
       <div class="pt-16 pb-8">
-        <div class="font-semibold text-3xl text-gray-800"><%= site.title %></div>
+        <h1 class="font-semibold text-3xl text-gray-800"><%= site.title %></h1>
         <div class="text-xl"><%= site.description %></div>
       </div>
-      <div>
+      <nav>
         <ul class="flex flex-wrap text-xl">
           <li class="mr-6">
             <a class="text-gray-700 border-none hover:no-underline hover:text-gray-800" href="/">Home</a>
@@ -63,7 +63,7 @@
             </a>
           </li>
         </ul>
-      </div>
+      </nav>
     </div>
 
     <div class="text-xl py-5"><%- content %></div>