Merge pull request opensourcepledge#85 from opensourcepledge/vladh/ad…

…d-alt-text Add alt text to images
jshchnz · Sep 4, 2024 · 5bc5561 · 5bc5561
2 parents 86213af + faff66c
commit 5bc5561
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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>