feat: improve accessibility - better contrast, spacing on mobile, title element etc.

_includes/header.html

@@ -4,7 +4,7 @@
         <img src="{{ 'assets/ELIXIR_LU.png' | relative_url }}" title="ELIXIR LU logo" alt="ELIXIR LU logo" />
       </a>
       <div class="hamburger">
-        <input type="checkbox" />
+        <input type="checkbox" title="Toggle menu" />
 
         <ul>
             <li><a {% if page.layout == 'index' %} class="active" {% endif %} href="{{ '/' | relative_url }}">Home</a></li>

_sass/elixir/_footer.scss

@@ -41,6 +41,10 @@
           float: none;
           min-width: 0;
 
+          @media only screen and (max-width: $FOOTER_RESPONSIVENESS_THRESHOLD) {
+              padding-bottom: 9px;
+          }
+
           a {
             display: inline-block;
             zoom: 1;
@@ -109,7 +113,7 @@
     }
 
     #address {
-      color: #888;
+      color: #999;
       font-size: 14px;
       padding-top: 14px;
       @media only screen and (max-width: $FOOTER_RESPONSIVENESS_THRESHOLD) {

elixir-theme.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "jekyll-elixir-theme"
-  spec.version       = "0.9.16"
+  spec.version       = "0.9.17"
   spec.authors       = ["jacek.lebioda"]
   spec.email         = ["jacek.lebioda@uni.lu"]