From ca0b898cbf0ab51acd3e7800f8553f7f3ecc24f2 Mon Sep 17 00:00:00 2001
From: "Nicholas Nadeau, Ph.D., P.Eng" <nnadeau@users.noreply.github.com>
Date: Tue, 26 May 2020 20:04:11 -0400
Subject: [PATCH] feat: increase accessibility with alts and labels

Can increase accessibility score in Google Lighthouse from 97% to 100% (exact score may vary depending on the site).

See #1694
---
 layouts/partials/li_card.html    | 2 +-
 layouts/partials/li_compact.html | 2 +-
 layouts/partials/navbar.html     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/li_card.html b/layouts/partials/li_card.html
index d15b7c8a..a2c6ab07 100644
--- a/layouts/partials/li_card.html
+++ b/layouts/partials/li_card.html
@@ -45,7 +45,7 @@
   {{ with $resource }}
   {{ $image := .Fill (printf "918x517 q90 %s" $anchor) }}
   <a href="{{ $item.RelPermalink }}">
-      <img src="{{ $image.RelPermalink }}" class="article-banner" alt="">
+      <img src="{{ $image.RelPermalink }}" class="article-banner" alt="{{ $item.Title }}">
   </a>
   {{end}}
 
diff --git a/layouts/partials/li_compact.html b/layouts/partials/li_compact.html
index 95584f51..f23d3e7f 100644
--- a/layouts/partials/li_compact.html
+++ b/layouts/partials/li_compact.html
@@ -78,7 +78,7 @@
     {{ with $resource }}
     {{ $image := .Resize "150x" }}
     <a href="{{$link}}" {{ $target | safeHTMLAttr }}>
-      <img src="{{ $image.RelPermalink }}" alt="">
+      <img src="{{ $image.RelPermalink }}" alt="{{ $item.Title }}">
     </a>
     {{end}}
   </div>
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 655ff944..236ffd13 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -126,7 +126,7 @@
     <ul class="nav-icons navbar-nav flex-row ml-auto d-flex pl-md-2">
       {{ if site.Params.search.engine }}
       <li class="nav-item">
-        <a class="nav-link js-search" href="#"><i class="fas fa-search" aria-hidden="true"></i></a>
+        <a class="nav-link js-search" href="#" aria-label="{{ i18n "search" }}"><i class="fas fa-search" aria-hidden="true"></i></a>
       </li>
       {{ end }}