use image alt wherever possible

layouts/_default/search.json

@@ -19,7 +19,8 @@
             "summary" (or .Params.description .Summary)
             "text" (lower .Plain)
             "link" .Permalink
-            "image" $image) }}
+            "image" $image
+            "imageAlt" (or .Params.Alt "")) }}
     {{ end }}
     "pages": {{ $mscratch.Get "articles" | jsonify }}
 }

layouts/index.json

@@ -25,7 +25,8 @@
             "tags" (sort (or .Params.tags slice))
             "summary" (or .Params.description .Summary)
             "link" .Permalink
-            "image" $image) }}
+            "image" $image
+            "imageAlt" (or .Params.Alt "")) }}
     {{ end }}
     "articles": {{ $mscratch.Get "articles" | jsonify }},
     "test": "{{range $postsList}}{{.Title}}   {{end}}",

layouts/partials/article_card.html

@@ -18,9 +18,9 @@
             {{ if .Params.Image }}
                 <a class="unstyledLink" href="{{ .Permalink }}">
                     {{ if or (hasPrefix .Params.Image "/") (hasPrefix .Params.Image "http://") (hasPrefix .Params.Image "https://") }}
-                        <img src="{{ .Params.Image }}" />
+                        <img src="{{ .Params.Image }}" alt="{{ .Params.Alt }}" />
                     {{ else }}
-                        <img src="/{{ path.Join .File.Dir .Params.Image }}" />
+                        <img src="/{{ path.Join .File.Dir .Params.Image }}" alt="{{ .Params.Alt }}" />
                     {{ end }}
                 </a>
             {{ end }}

layouts/partials/js_paginator.html

@@ -8,9 +8,9 @@
         }
         return res;
     }
-    function renderImage(image, link) {
+    function renderImage(image, link, alt) {
         if (!image) return '';
-        return `<a href="${link}"><img src="${image}" /></a>`;
+        return `<a href="${link}"><img src="${image}" alt="${alt}" /></a>`;
     }
     function renderSingleArticle(article) {
         return `
@@ -27,7 +27,7 @@
                     {{ end }}
                 </p>
                 {{ if .Site.Params.imageInArticlePreview }}
-                    ${renderImage(article.image, article.link)}
+                    ${renderImage(article.image, article.link, article.imageAlt)}
                 {{ end }}
                 {{ if (site.Params.articleSummary | default true) }}
                     <div class="articlePreview">