fix(axe): accessibility improvements

wowchemy/data/themes/ocean.toml

@@ -8,9 +8,9 @@ light = true
 primary = "#3f51b5"
 
 # Menu
-menu_primary = "#3f51b5" # 500
+menu_primary = "#3f51b5" # Material 500
 menu_text = "#fff"
-menu_text_active = "#8c9eff" # A100
+menu_text_active = "#ffeb3b" # Material Complemantary 500
 menu_title = "#fff"
 
 # Home sections

wowchemy/layouts/partials/portfolio_li_card.html

@@ -22,7 +22,7 @@
     {{ with $resource }}
     {{ $image := .Resize (printf "550x q90 %s") }}
     <a href="{{ $link }}" {{ $target | safeHTMLAttr }} class="card-image hover-overlay">
-      <img src="{{ $image.RelPermalink }}" alt="" class="img-responsive">
+      <img src="{{ $image.RelPermalink }}" alt="{{ $item.Title }}" class="img-responsive">
     </a>
     {{ end }}
     <div class="card-text">

wowchemy/layouts/partials/portfolio_li_showcase.html

@@ -53,7 +53,7 @@
       {{ with $resource }}
       {{ $image := .Resize "540x" }}
       {{if $do_link}}<a href="{{ $link }}" {{ $target | safeHTMLAttr }}>{{end}}
-        <img src="{{ $image.RelPermalink }}" alt="">
+        <img src="{{ $image.RelPermalink }}" alt="{{ $item.Title }}">
       {{if $do_link}}</a>{{end}}
       {{end}}
     </div>

wowchemy/layouts/partials/widgets/about.html

@@ -58,7 +58,7 @@
           {{ $target = "target=\"_blank\" rel=\"noopener\"" }}
         {{ end }}
         <li>
-          <a href="{{ $link | safeURL }}" {{ $target | safeHTMLAttr }}>
+          <a href="{{ $link | safeURL }}" {{ $target | safeHTMLAttr }} aria-label="{{ .icon }}">
             <i class="{{ $pack }} {{ $pack_prefix }}-{{ .icon }} big-icon"></i>
           </a>
         </li>