From faff66c8cae043caf270f6bee851a35d5f587792 Mon Sep 17 00:00:00 2001
From: Vlad-Stefan Harbuz <vlad@vladh.net>
Date: Wed, 4 Sep 2024 20:26:47 +0100
Subject: [PATCH] Add alt text to images

---
 src/components/LeaderboardMember.astro | 2 +-
 src/components/MiniLeaderboard.astro   | 2 +-
 src/layouts/Layout.astro               | 2 +-
 src/pages/index.astro                  | 2 +-
 src/pages/members/[id].astro           | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/LeaderboardMember.astro b/src/components/LeaderboardMember.astro
index 1fdce892..a7ecd028 100644
--- a/src/components/LeaderboardMember.astro
+++ b/src/components/LeaderboardMember.astro
@@ -15,7 +15,7 @@ import type { MemberWithId } from "../content/config.ts";
 <tr>
   <td>
     <a class="sneaky" href={`/members/${member.id}`}>
-      <img src={member.data.urlSquareLogoWithBackground}>
+      <img src={member.data.urlSquareLogoWithBackground} alt={`The ${member.data.name} logo`}>
       {member.data.name}
     </a>
   </td>
diff --git a/src/components/MiniLeaderboard.astro b/src/components/MiniLeaderboard.astro
index 1beb8ba7..b12f2285 100644
--- a/src/components/MiniLeaderboard.astro
+++ b/src/components/MiniLeaderboard.astro
@@ -18,7 +18,7 @@ const members = await getMembers();
   {sortMembers(filterInactiveMembers(members)).slice(0, 5).map((member) => <tr>
     <td>
       <a class="sneaky" href={`/members/${member.id}`}>
-        <img src={member.data.urlSquareLogoWithBackground}>
+        <img src={member.data.urlSquareLogoWithBackground} alt={`The ${member.data.name} logo`}>
         {member.data.name}
       </div>
     </td>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 7bb4679b..c0e3c6f9 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -37,7 +37,7 @@ const { title, navless } = Astro.props;
     { !navless && (
       <nav class="container">
         <a href="/">
-          <img src="/logos/opensourcepledge-logo-horiz-color.png">
+          <img src="/logos/opensourcepledge-logo-horiz-color.png" alt="The Open Source Pledge logo">
         </a>
         <ul>
           <li>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 83f6a52a..c7466180 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -31,7 +31,7 @@ import TextButton from "../components/TextButton.astro";
         <div class="heading-and-mini-pc">
           <h1>Pay your share</h1>
           <div class="mini-pc">
-            <img src="/images/piggybank.webp">
+            <img src="/images/piggybank.webp" alt="A hand puts bills into a computer monitor">
           </div>
         </div>
         <p
diff --git a/src/pages/members/[id].astro b/src/pages/members/[id].astro
index 05363cda..93457c83 100644
--- a/src/pages/members/[id].astro
+++ b/src/pages/members/[id].astro
@@ -38,7 +38,7 @@ export async function getStaticPaths() {
 
     <section>
       <div class="company-intro">
-        <img src={member.urlSquareLogoWithBackground}>
+        <img src={member.urlSquareLogoWithBackground} alt={`The ${member.name} logo`}>
         <h1>
           {member.name}
           <small>Open Source Pledge Member</small>