a11y: add alt texts to images on home page

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson 2024-02-03 16:55:26 +01:00
parent 31779e9d35
commit 6cd311ad9d
1 changed files with 6 additions and 6 deletions

View File

@ -35,8 +35,8 @@
</a>
</div>
<div class="absolute bottom-0 right-0 origin-bottom-right md:scale-50">
<img class="dark:hidden" src="/assets/images/app-wf-light-1.svg" />
<img class="hidden dark:block" src="/assets/images/app-wf-dark-1.svg" />
<img class="dark:hidden" alt="Low-fi desktop app" src="/assets/images/app-wf-light-1.svg" />
<img class="hidden dark:block" alt="Low-fi desktop app" src="/assets/images/app-wf-dark-1.svg" />
</div>
</div>
@ -127,8 +127,8 @@
</div>
</div>
<div class="absolute bottom-0 right-0 origin-bottom-right sm:scale-75">
<img class="dark:hidden" src="/assets/images/app-wf-light-2.svg" />
<img class="hidden dark:block" src="/assets/images/app-wf-dark-2.svg" />
<img class="dark:hidden" alt="Low-fi desktop app" src="/assets/images/app-wf-light-2.svg" />
<img class="hidden dark:block" alt="Low-fi desktop app" src="/assets/images/app-wf-dark-2.svg" />
</div>
</div>
<div class="rounded-[6px] bg-gradient-to-br from-blue-light-400 to-magenta-light-400 dark:from-blue-dark-400 dark:to-magenta-dark-400 p-[2px] drop-shadow">
@ -152,8 +152,8 @@
<div class="ml-auto sm:col-start-2">
{{ $dbcLogoWhite := resources.Get "images/build-cloud-white.svg" }}
{{ $dbcLogoLight := resources.Get "images/build-cloud-light.svg" }}
<img class="hidden h-full w-full dark:block" src="{{ $dbcLogoWhite.Permalink }}" />
<img class="h-full w-full dark:hidden" src="{{ $dbcLogoLight.Permalink }}" />
<img class="hidden h-full w-full dark:block" alt="Docker Build Cloud logo" src="{{ $dbcLogoWhite.Permalink }}" />
<img class="h-full w-full dark:hidden" alt="Docker Build Cloud logo" src="{{ $dbcLogoLight.Permalink }}" />
</div>
</div>
</div>