docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
layouts/partials/footer.html
View File

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

2
layouts/partials/header.html
View File

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