Improve accessibility

toomuchdesign · Nov 12, 2019 · 4c68f3a · 4c68f3a
1 parent 6472f87
commit 4c68f3a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/source/index.html b/source/index.html
@@ -3,7 +3,7 @@
 <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
 <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
 <!--[if gt IE 8]><!-->
-<html class="no-js">
+<html class="no-js" lang="en">
   <!--<![endif]-->
   <head>
     <meta charset="utf-8" />
@@ -118,7 +118,11 @@
                 </ul>
               </nav>
 
-              <nav class="social-navigation" role="navigation">
+              <nav
+                class="social-navigation"
+                role="navigation"
+                title="External links"
+              >
                 <ul>
                   <li>
                     <a
@@ -176,14 +180,14 @@
         </header>
         <!-- .l-header -->
 
-        <div class="l-content" id="content">
+        <main class="l-content" id="content" role="main">
           <section class="l-content-section intro" id="intro">
             <h1 class="intro__heading intro__heading--primary">
               Hi, I'm Andrea Carraro
             </h1>
-            <h3 class="intro__heading intro__heading--secondary">
+            <p class="intro__heading intro__heading--secondary h3">
               Let's build another piece of good web
-            </h3>
+            </p>
           </section>
 
           <section class="l-content-section" id="works">
@@ -914,7 +918,7 @@ <h2>About</h2>
               <li>Git juggling</li>
             </ul>
           </section>
-        </div>
+        </main>
         <!-- .l-content -->
 
         <footer class="l-footer">
@@ -923,6 +927,7 @@ <h2>About</h2>
           <nav
             class="social-navigation social-navigation--horizontal"
             role="navigation"
+            title="External footer links"
           >
             <ul>
               <li>

diff --git a/source/less/modules/contact-form.less b/source/less/modules/contact-form.less
@@ -10,7 +10,7 @@
   }
 
   &__label {
-    display: none;
+    .visuallyhidden();
     padding: 5px;
 
     .no-placeholder & {