a11y: add link titles in header, footer

Signed-off-by: David Karlsson <[email protected]>

Author: dvdksn

layouts/partials/footer.html

@@ -15,34 +15,51 @@
       <div class="flex gap-4">
         <a
           class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
+          title="X (Twitter)"
           href="http://twitter.com/docker/">
           {{ (resources.Get "images/TwitterCircle.svg").Content | safe.HTML }}
         </a>
         <a
           class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
+          title="LinkedIn"
           href="https://www.linkedin.com/company/docker">
           {{ (resources.Get "images/LinkedinCircle.svg").Content | safe.HTML }}
         </a>
         <a
           class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
+          title="Instagram"
           href="https://www.instagram.com/dockerinc/">
           {{ (resources.Get "images/InstagramCircle.svg").Content | safe.HTML }}
         </a>
         <a
           class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
+          title="YouTube"
           href="http://www.youtube.com/user/dockerrun">
           {{ (resources.Get "images/YoutubeCircle.svg").Content | safe.HTML }}
         </a>
         <a
           class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
+          title="Facebook"
           href="https://www.facebook.com/docker.run">
           {{ (resources.Get "images/FacebookCircle.svg").Content | safe.HTML }}
         </a>
       </div>
       <div class="flex items-center gap-4">
-        <a class="underline-offset-2 hover:underline" href="https://www.docker.com/legal/docker-terms-service">Terms of Service</a>
-        <a class="underline-offset-2 hover:underline" href="https://www.dockerstatus.com/">Status</a>
-        <a class="underline-offset-2 hover:underline" href="https://www.docker.com/legal">Legal</a>
+        <a
+          class="underline-offset-2 hover:underline"
+          title="Docker Terms of Service"
+          href="https://www.docker.com/legal/docker-terms-service"
+          >Terms of Service</a>
+        <a
+          class="underline-offset-2 hover:underline"
+          title="Docker Systems Status Page"
+          href="https://www.dockerstatus.com/"
+          >Status</a>
+        <a
+          class="underline-offset-2 hover:underline"
+          title="Docker Legal Terms"
+          href="https://www.docker.com/legal"
+          >Legal</a>
       </div>
     </div>
   </div>

layouts/partials/header.html

@@ -16,7 +16,7 @@
       {{ end }}
       <div>
         {{/* main logo */}}
-        <a href="{{ site.BaseURL }}">
+        <a title="Docker Docs home page" href="{{ site.BaseURL }}">
           <div>
             {{- (resources.Get "images/docs-logo-white-full.svg").Content | safe.HTML -}}
           </div>