Merge pull request #32 from jcabak/master

Accessibility and SEO improvements

5 files changed, 27 insertions, 27 deletions

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 28900e1..6f4f283 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -15,9 +15,9 @@
             <img src="{{ .Params.image | relURL }}" alt="{{.Title}}" class="img-fluid rounded-lg w-100">
           </div>
           <div class="col-md-6">
-            <h2><a href="{{ .Permalink }}" class="post-title">{{ .Title }}</a></h2>
+            <h2><a href="{{ .Permalink }}" title="{{ .Title }}" class="post-title">{{ .Title }}</a></h2>
             <p class="card-text">{{ .Summary }}</p>
-            <a href="{{.Permalink}}" class="btn btn-primary">{{ i18n "readmore" }}</a>
+            <a href="{{.Permalink}}" title="{{ i18n "readmore" }} - {{ .Title }}" class="btn btn-primary">{{ i18n "readmore" }}</a>
           </div>
         </div>
       </div>
@@ -28,9 +28,9 @@
         <div class="card border-0">
           <img src="{{ .Params.image |relURL }}" alt="{{ .Title }}" class="card-img rounded-lg mb-4">
           <div class="card-body p-0">
-            <h3><a href="{{ .Permalink }}" class="post-title">{{ .Title }}</a></h3>
+            <h3><a href="{{ .Permalink }}" title="{{ .Title }}" class="post-title">{{ .Title }}</a></h3>
             <p class="card-text">{{ .Summary }}</p>
-            <a href="{{.Permalink}}" class="btn btn-primary btn-sm">{{ i18n "readmore" }}</a>
+            <a href="{{.Permalink}}" title="{{ i18n "readmore" }} - {{ .Title }}" class="btn btn-primary btn-sm">{{ i18n "readmore" }}</a>
           </div>
         </div>
       </div>
diff --git a/layouts/index.html b/layouts/index.html
index 19acca8..3e11513 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -10,11 +10,11 @@
         <p class="mb-4">{{ .content | markdownify }}</p>
         {{ if .button.enable }}
         {{ with .button }}
-        <div><a href="{{ .link | safeURL }}" class="btn btn-primary">{{ .label }}</a></div>
+        <div><a href="{{ .link | safeURL }}" title="{{ .label }}" class="btn btn-primary">{{ .label }}</a></div>
         {{ end }}
         {{ end }}
 
-        {{with .image}}<img src="{{ . | relURL }}" class="img-fluid mt-5" width="750px">{{end}}
+        {{with .image}}<img src="{{ . | relURL }}" alt="" class="img-fluid mt-5" width="750px">{{end}}
       </div>
     </div>
   </div>
@@ -60,14 +60,14 @@
         <p>{{ .content | markdownify }}</p>
         {{ if .button.enable }}
         {{ with .button }}
-        <a href="{{ .link | relURL }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a>
+        <a href="{{ .link | relURL }}" title="{{ .label }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a>
         {{ end }}
         {{ end }}
       </div>
       <div class="col-md-6 order-1 order-md-2 mb-4 mb-md-0">
-        <div {{if gt (len .images) 1}}class="slider" {{end}}>
+        <div {{if gt (len .images) 1}} class="slider" {{end}}>
           {{ range .images }}
-          <img src="{{ . | relURL }}" class="img-fluid">
+          <img src="{{ . | relURL }}" alt="" class="img-fluid">
           {{ end }}
         </div>
       </div>
@@ -81,7 +81,7 @@
       <div class="col-md-6 mb-4 mb-md-0">
         <div {{if gt (len .images) 1}}class="slider" {{end}}>
           {{ range .images }}
-          <img src="{{ . | relURL }}" class="img-fluid">
+          <img src="{{ . | relURL }}" alt="" class="img-fluid">
           {{ end }}
         </div>
       </div>
@@ -90,7 +90,7 @@
         <p>{{ .content | markdownify }}</p>
         {{ if .button.enable }}
         {{ with .button }}
-        <a href="{{ .link | relURL }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a>
+        <a href="{{ .link | relURL }}" title="{{ .label }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a>
         {{ end }}
         {{ end }}
       </div>
@@ -114,7 +114,7 @@
       </div>
     </div>
   </div>
-  {{ with .image }} <img src="{{ . | relURL }}" class="img-fluid w-100">{{ end }}
+  {{ with .image }} <img src="{{ . | relURL }}" alt="" class="img-fluid w-100">{{ end }}
 </section>
 {{ end }}
 {{ end }}
@@ -127,14 +127,14 @@
   <div class="container section shadow rounded-lg px-4">
     <div class="row align-items-center justify-content-center text-center text-md-left">
       <div class="col-lg-4 col-md-5 mb-4 mb-md-0">
-        <img src="{{ .image | relURL }}" class="img-fluid">
+        <img src="{{ .image | relURL }}" alt="" class="img-fluid">
       </div>
       <div class="col-lg-5 col-md-6">
         <h2 class="section-title">{{ .title | markdownify }}</h2>
         {{with .content }}<p class="mb-4">{{ . | markdownify }}</p>{{ end }}
         {{ if .button.enable }}
         {{ with .button }}
-        <a href="{{ .link | relURL }}" class="btn btn-primary">{{ .label }}</a>
+        <a href="{{ .link | relURL }}" title="{{ .label }}" class="btn btn-primary">{{ .label }}</a>
         {{ end }}
         {{ end }}
       </div>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index da9b1dd..cfa1d8d 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -6,7 +6,7 @@
         <div class="h3 mb-4">{{ site.Params.footer_menu_left }}</div>
         <ul class="list-unstyled footer-list">
           {{ range site.Menus.footer_left }}
-          <li><a href="{{ .URL | relLangURL }}">{{ .Name }}</a></li>
+          <li><a href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
           {{ end }}
         </ul>
         {{ end }}
@@ -16,7 +16,7 @@
         <div class="h3 mb-4">{{ site.Params.footer_menu_middle }}</div>
         <ul class="list-unstyled footer-list">
           {{ range site.Menus.footer_middle }}
-          <li><a href="{{ .URL | relLangURL }}">{{ .Name }}</a></li>
+          <li><a href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
           {{ end }}
         </ul>
         {{ end }}
@@ -26,7 +26,7 @@
         <div class="h3 mb-4">{{ site.Params.footer_menu_right }}</div>
         <ul class="list-unstyled footer-list">
           {{ range site.Menus.footer_right }}
-          <li><a href="{{ .URL | relLangURL }}">{{ .Name }}</a></li>
+          <li><a href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
           {{ end }}
         </ul>
         {{ end }}
@@ -41,7 +41,7 @@
         {{ with site.Params.social }}
         <ul class="list-inline social-icons">
           {{ range . }}
-          <li class="list-inline-item"><a href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>
+          <li class="list-inline-item"><a href="{{ .link | safeURL }}" title="{{ .title }}"><i class="{{ .icon }}"></i></a></li>
           {{ end }}
         </ul>
         {{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 40607d3..93d837a 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -8,7 +8,7 @@
         <img width="{{site.Params.logo_width}}" class="img-fluid" src="{{ . | relLangURL }}" alt="{{ site.Title }}">
         {{ else }}{{site.Title}}{{end}}
       </a>
-      <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation">
+      <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation" aria-label="menu">
         <i class="fas fa-bars"></i>
       </button>
 
@@ -22,13 +22,13 @@
             </a>
             <div class="dropdown-menu">
               {{ range .Children }}
-              <a class="dropdown-item" href="{{ .URL | relLangURL }}">{{ .Name }}</a>
+              <a class="dropdown-item" href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a>
               {{ end }}
             </div>
           </li>
           {{ else }}
           <li class="nav-item">
-            <a class="nav-link" href="{{ .URL | relLangURL }}">{{ .Name }}</a>
+            <a class="nav-link" href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a>
           </li>
           {{ end }}
           {{ end }}
@@ -58,7 +58,7 @@
 
         {{ if site.Params.navigation_button.enable }}
         {{ with site.Params.navigation_button }}
-        <a href="{{ .link | relLangURL }}" class="btn btn-sm btn-primary ml-3">{{ .label }}</a>
+        <a href="{{ .link | relLangURL }}" title="{{ .label }}" class="btn btn-sm btn-primary ml-3">{{ .label }}</a>
         {{ end }}
         {{ end }}
       </div>
diff --git a/layouts/pricing/list.html b/layouts/pricing/list.html
index b6bc0c1..2bf5b51 100644
--- a/layouts/pricing/list.html
+++ b/layouts/pricing/list.html
@@ -18,7 +18,7 @@
             </ul>
             {{ if .button.enable }}
             {{ with .button }}
-            <a href="{{ .link | relURL }}" class="btn btn-outline-primary">{{ .label }}</a>
+            <a href="{{ .link | relURL }}" title="{{ .label }}" class="btn btn-outline-primary">{{ .label }}</a>
             {{ end }}
             {{ end }}
           </div>
@@ -39,7 +39,7 @@
             </ul>
             {{ if .button.enable }}
             {{ with .button }}
-            <a href="{{ .link | relURL }}" class="btn btn-primary">{{ .label }}</a>
+            <a href="{{ .link | relURL }}" title="{{ .label }}" class="btn btn-primary">{{ .label }}</a>
             {{ end }}
             {{ end }}
           </div>
@@ -60,7 +60,7 @@
             </ul>
             {{ if .button.enable }}
             {{ with .button }}
-            <a href="{{ .link | relURL }}" class="btn btn-outline-primary">{{ .label }}</a>
+            <a href="{{ .link | relURL }}" title="{{ .label }}" class="btn btn-outline-primary">{{ .label }}</a>
             {{ end }}
             {{ end }}
           </div>
@@ -78,14 +78,14 @@
   <div class="container section shadow rounded-lg px-4">
     <div class="row align-items-center justify-content-center text-center text-md-left">
       <div class="col-lg-4 col-md-5 mb-4 mb-md-0">
-        <img src="{{ .image | relURL }}" class="img-fluid">
+        <img src="{{ .image | relURL }}" alt="" class="img-fluid">
       </div>
       <div class="col-lg-5 col-md-6">
         <h2 class="section-title">{{ .title | markdownify }}</h2>
         {{with .content }}<p class="mb-4">{{ . | markdownify }}</p>{{ end }}
         {{ if .button.enable }}
         {{ with .button }}
-        <a href="{{ .link | relURL }}" class="btn btn-primary">{{ .label }}</a>
+        <a href="{{ .link | relURL }}" title="{{ .label }}" class="btn btn-primary">{{ .label }}</a>
         {{ end }}
         {{ end }}
       </div>