fix: layout title hierarchy, alt tags

Author: thilobillerbeck

core/src/components/Footer.astro

@@ -12,6 +12,7 @@ import logoWHite from '@nixos/branding/artifacts/internal/nixos-logomark-white-f
 ---
 
 <footer>
+  <h2 class="sr-only">Footer</h2>
   <div
     class="bg-secondary-afghani-blue-25 text-primary-white-95 clear-both font-light"
   >
@@ -22,9 +23,9 @@ import logoWHite from '@nixos/branding/artifacts/internal/nixos-logomark-white-f
         {
           footerMenu.data.sections.map((menu) => (
             <div class="flex-1 basis-1/2 md:basis-0">
-              <h4 class="font-heading text-secondary-afghani-blue-85 mb-2 text-xl font-bold">
+              <h3 class="font-heading text-secondary-afghani-blue-85 mb-2 text-xl font-bold">
                 {menu.name}
-              </h4>
+              </h3>
               <ul class="font-extralight">
                 {menu.items.map((item) => (
                   <li class="border-secondary-afghani-blue-55 border-b-1 last:border-b-0">

core/src/content/explore/info.yaml

@@ -19,7 +19,7 @@ content:
         You will no longer have to hear:
     emphasis: But it works on my machine!
   - imageSrc: '/images/explore/multi.svg'
-    imageAlt: An octopus holding multiple flags with different programming language logos on them. These include Python, Rust, Go, JS and Scala.
+    imageAlt: An octopus holding multiple flags with different programming language logos on them.
     heading: One tool, many languages.
     subHeading: >
       With today's polyglot development environments, each language has its own way of building and testing.
@@ -37,7 +37,7 @@ content:
         Language specific package managers are good at dependencies in their specific language.
         But they cannot provide other dependencies, like the ones you would usually have to install system-wide.
   - imageSrc: '/images/explore/disaster.svg'
-    imageAlt: Three server racks. The outer two are on fire, while the middle one is safe. The outer ones are grey while the middle one is blue and has a NixOS logo.
+    imageAlt: Three server racks. The outer two are on fire, while the NixOS server in the middle is safe.
     heading: Continuous integration for free.
     subHeading: >
       Your development environment is your continuous integration environment.
@@ -107,7 +107,7 @@ content:
       - >
         No need to turn your system upside down just because you want to test some experimental and bleeding edge versions of software.
   - imageSrc: '/images/explore/community.svg'
-    imageAlt: A monkey sitting in front of a laptop raising his fist in the air with joy surrounded by hands clapping.
+    imageAlt: A monkey sitting in front of a laptop raising his fist in the air with joy.
     heading: Contributing is only a pull request away.
     subHeading: >
       Community is at the core of Nix.

core/src/pages/donate.astro

@@ -32,9 +32,8 @@ const sponsors = await getEntry('sponsors', 'info');
           money goes.
         </p>
         <p class="font-extralight">
-          With Open Collective you can make a <strong>single</strong> or <strong
-            >recurring</strong
-          > contribution by credit card transfer.
+          With Open Collective you can make a <strong>single</strong> or
+          <strong>recurring</strong> contribution by credit card transfer.
         </p>
         <Button
           color="semidarkblue"
@@ -107,7 +106,11 @@ BIC:  BUNQNL2AXXX</pre>
   <div class="bg-secondary-afghani-blue-45 text-primary-white py-16 md:py-16">
     <Container class="grid gap-8 md:grid-cols-2">
       <div class="flex flex-col gap-4">
-        <img src="/images/donate/merch.svg" class="h-64 md:h-full" />
+        <img
+          src="/images/donate/merch.svg"
+          alt="An Octopus holding multiple different NixOS merchandise items"
+          class="h-64 md:h-full"
+        />
       </div>
       <div class="flex flex-col justify-center gap-4">
         <h1 class="font-heading max-w-96 text-4xl leading-tight font-bold">

core/src/pages/explore.astro

@@ -14,10 +14,10 @@ const exploreInfo = await getEntry('explore', 'info');
   <PageHeader text="Explore" />
 
   <Container class="py-16">
-    <h1 class="text-primary-black-55 text-center text-2xl font-extralight">
+    <span class="text-primary-black-55 text-center text-2xl font-extralight">
       Find out why so many developers, system administrators and other
       enthusiasts use Nix and cannot imagine a world without it.
-    </h1>
+    </span>
   </Container>
 
   <Container class="pb-16">