Solving accessiblity issue related to heading and landmark

This commit is contained in:
Rémi Weng 2020-10-05 23:26:45 +02:00
parent 5991f5a7e5
commit 85de1413dd

View file

@ -48,10 +48,10 @@
<div class="max-w-screen-md mx-auto"> <div class="max-w-screen-md mx-auto">
<div class="border-b border-gray-300"> <div class="border-b border-gray-300">
<div class="pt-16 pb-8"> <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 class="text-xl"><%= site.description %></div>
</div> </div>
<div> <nav>
<ul class="flex flex-wrap text-xl"> <ul class="flex flex-wrap text-xl">
<li class="mr-6"> <li class="mr-6">
<a class="text-gray-700 border-none hover:no-underline hover:text-gray-800" href="/">Home</a> <a class="text-gray-700 border-none hover:no-underline hover:text-gray-800" href="/">Home</a>
@ -63,7 +63,7 @@
</a> </a>
</li> </li>
</ul> </ul>
</div> </nav>
</div> </div>
<div class="text-xl py-5"><%- content %></div> <div class="text-xl py-5"><%- content %></div>