Performance/accessibility improvements

layouts/index.html

@@ -5,18 +5,17 @@
     <div class="container">
         <header>
             <h1>Arona Jones</h1>
-            <h3>{{ .Site.Title }}</h3>
+            <h2 style="color: white;">{{ .Site.Title }}</h2>
         </header>
         <main aria-label="Content">
             <div style="display: flex; justify-content: center; background: black; margin-left: -5vw; margin-right: -5vw; height: 100%;" id="homepage-container">
-                <div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg"><a class="button" href="development"><span class="fas fa-file-code"></span> Development</a></div>
-                <div class="bigimage"><img class="background" src="img/1*0V2rDSk8SOr6mpfFf28EJA.jpeg"><a class="button" href="writing"><span class="fas fa-pen-fancy"></span> Writing</a></div>
-                <div class="bigimage"><img class="background" src="img/diwaliball.jpg"><a class="button" href="technical"><span class="fas fa-lightbulb"></span> Technical</a></div>
-                <div class="bigimage"><img class="background" src="img/1*2J4xTO7JYBYA3dcMwwGSlw.jpeg"><a class="button" href="blog"><span class="fas fa-portrait"></span> Blog</a></div>
+                <div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg" alt="Keyboard with blue backlit keys"><a class="button" href="development"><span class="fas fa-file-code"></span> Development</a></div>
+                <div class="bigimage"><img class="background" src="img/1*0V2rDSk8SOr6mpfFf28EJA.jpeg" alt="Mugs of coffee on a fire grate"><a class="button" href="writing"><span class="fas fa-pen-fancy"></span> Writing</a></div>
+                <div class="bigimage"><img class="background" src="img/diwaliball.jpg" alt="Spotlight on an actor, from  the position of the spot"><a class="button" href="technical"><span class="fas fa-lightbulb"></span> Technical</a></div>
+                <div class="bigimage"><img class="background" src="img/1*2J4xTO7JYBYA3dcMwwGSlw.jpeg" alt="Gold pocketwatch"><a class="button" href="blog"><span class="fas fa-portrait"></span> Blog</a></div>
             </div>
         </main>
         {{ partial "footer.html" . }}
     </div>
   </body>
 </html>
-

layouts/partials/footer.html

@@ -1,5 +1,5 @@
 <footer>
-<a href="m&#97;ilto&#58;aj&#64;a&#37;&#55;2o%&#54;&#69;&#97;jo%&#54;E%&#54;5s&#46;c&#111;&#109;" rel="noopener" target="_blank"><span class="fas fa-envelope"></span></a>
-<a href="https://www.github.com/FreneticScribbler" rel="noopener" target="_blank"><span class="fab fa-github"></span></a>
-<a href="https://www.twitter.com/aronajones_" rel="noopener" target="_blank"><span class="fab fa-twitter"></span></a>
+<a href="m&#97;ilto&#58;aj&#64;a&#37;&#55;2o%&#54;&#69;&#97;jo%&#54;E%&#54;5s&#46;c&#111;&#109;" rel="noopener" target="_blank"><span class="fas fa-envelope"></span><span class="sr-only">My Email Address</span></a>
+<a href="https://www.github.com/FreneticScribbler" rel="noopener" target="_blank"><span class="fab fa-github"></span><span class="sr-only">My Github</span></a>
+<a href="https://www.twitter.com/aronajones_" rel="noopener" target="_blank"><span class="fab fa-twitter"></span><span class="sr-only">My Twitter</span></a>
 </footer>