a11y: add link titles in header, footer

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson 2024-02-03 17:02:24 +01:00
parent 6cd311ad9d
commit 723006b12b
2 changed files with 21 additions and 4 deletions

View File

@ -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>

View File

@ -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>