small a11y improvements. There are more fixes hat we can do, but they…

… require more radical changes to the template & css. Let me know if you have any questions

download.html

@@ -4,7 +4,7 @@
   <title>cabal - downloads</title>
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 />
   <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
 	<meta name="description" content="p2p chat" />
 
@@ -31,7 +31,7 @@
 
     <div id='overlay'></div>
 
-    <a class="nav-logo" href="/"></a>
+    <a class="nav-logo" href="/" aria-label="Cabal homepage"></a>
 
     <div class="nav-right">
       <div class="nav-links">
@@ -46,7 +46,7 @@
 
   </div></div></header>
 
-  <div class="content">
+  <main class="content">
     <div class="wrapper">
 
     <section class="light"><div class="section-wrapper">
@@ -88,6 +88,7 @@ <h2>cabal-cli</h2>
             <img src="cli.png" alt="cli app" width="600px"/>
         </div>
     </div>
+  </main>
 
 <script>
   window.addEventListener("load", function(e) {

faq.html

@@ -6,7 +6,7 @@
   <title>cabal // faq</title>
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 />
   <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
 	<meta name="description" content="p2p chat" />
 
@@ -33,7 +33,7 @@
 
     <div id='overlay'></div>
 
-  <a class="nav-logo" href="/"></a>
+  <a class="nav-logo" href="/" aria-label="Cabal homepage"></a>
 
 
     <div class="nav-right">
@@ -49,7 +49,7 @@
 
   </div></div></header>
 
-  <div class="content">
+  <main class="content">
     <div class="wrapper">
 
   <section class="light">
@@ -96,7 +96,7 @@ <h2>How can I support what you're doing?</h2>
 </div>
 </div>
 </section>
-
+</main>
 <script>
   window.addEventListener("load", function(e) {
     document.documentElement.className = '';

index.html

@@ -6,7 +6,7 @@
   <title>cabal</title>
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 />
   <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
 	<meta name="description" content="p2p chat" />
 
@@ -33,7 +33,7 @@
 
     <div id='overlay'></div>
 
-  <a class="nav-logo" href="/"></a>
+  <a class="nav-logo" href="/" aria-label="Cabal homepage"></a>
 
 
     <div class="nav-right">
@@ -49,13 +49,13 @@
 
   </div></div></header>
 
-  <div class="content">
+  <main class="content">
     <div class="wrapper">
 
   <section class="light"><div class="section-wrapper"><div class="columns">
     <div>
       <h1>cabal</h1>
-      <h3>experimental p2p community<br />chat platform</h3>
+      <h2 class="h2-homepage">experimental p2p community<br />chat platform</h2>
     </div>
     <div>
       <ul id='guide'>
@@ -95,6 +95,7 @@ <h2>ABOUT cabal</h2>
       <img src="desktop.png" alt="desktop app" width="600px"/>
     </div>
   </div></div></section>
+  </main>
 
 <script>
   window.addEventListener("load", function(e) {