a11y: add alt texts to images on home page

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

Author: dvdksn

layouts/index.html

@@ -35,8 +35,8 @@ <h1 class="text-2xl">Get Docker</h1>
           </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 @@ <h2 class="font-medium">Getting started</h2>
             </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 @@ <h2 class="font-medium">Featured</h2>
                 <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>