From 01da52e855abe6432ab4851a820b2180a58413af Mon Sep 17 00:00:00 2001
From: Jack Merrill <me@jackmerrill.com>
Date: Wed, 1 Nov 2023 12:38:39 -0400
Subject: [PATCH] a11y improvements

---
 src/components/SpotifyNowPlaying.tsx | 2 ++
 src/components/WAIWO.tsx             | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/SpotifyNowPlaying.tsx b/src/components/SpotifyNowPlaying.tsx
index 24cd293..674bd2b 100644
--- a/src/components/SpotifyNowPlaying.tsx
+++ b/src/components/SpotifyNowPlaying.tsx
@@ -38,6 +38,7 @@ export default function SpotifyNowPlaying() {
             <img
               src={nowPlaying.album.image}
               className="rounded-xl w-10 h-10 absolute opacity-50"
+              alt={nowPlaying.album.name}
             />
 
             <a
@@ -45,6 +46,7 @@ export default function SpotifyNowPlaying() {
               target="_blank"
               rel="noreferrer"
               className="z-50 text-white"
+              title="View on Last.fm"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/src/components/WAIWO.tsx b/src/components/WAIWO.tsx
index c13fd49..d1ca8d7 100644
--- a/src/components/WAIWO.tsx
+++ b/src/components/WAIWO.tsx
@@ -20,8 +20,13 @@ export default function WAIWO() {
           href={`https://github.com/${repo.repo}`}
           target="_blank"
           rel="noreferrer"
+          title="View on GitHub"
         >
-          <img className="flex-1 self-stretch rounded-xl" src={repo.image} />
+          <img
+            className="flex-1 self-stretch rounded-xl"
+            src={repo.image}
+            alt={repo.repo}
+          />
         </a>
       ) : (
         <div className="block w-full h-40 rounded-xl bg-gray-200 animate-pulse"></div>