Add missing alt text

components/HomeHero.tsx

@@ -9,6 +9,7 @@ export function HomeHero() {
       }}
       className="absolute bottom-0 left-0 object-cover h-full transform"
       src="/hero.svg"
+      alt="Hero Landing Page, depicting the integration of privacy and technology"
     />
   );
 }

components/cards/ArticleCardFeature.tsx

@@ -38,6 +38,7 @@ export function ArticleCardFeature(props: IPost) {
           <img
             className="object-cover"
             src={`${featureImage?.imageUrl}?w=600`}
+            alt={featureImage?.description}
           />
         </div>
       </div>

components/navigation/SideMenuInner.tsx

@@ -89,7 +89,11 @@ export function SideMenuInner() {
                 rel="nofollow"
                 className="flex items-center mx-2 space-x-1 font-bold hover:underline"
               >
-                <img className="h-5" src="/img/coinmarketcap.png" />
+                <img
+                  className="h-5"
+                  src="/img/coinmarketcap.png"
+                  alt="CoinMarketCap Logo"
+                />
                 <span>CMC</span>
               </a>
               <a
@@ -98,7 +102,11 @@ export function SideMenuInner() {
                 rel="nofollow"
                 className="flex items-center mx-2 space-x-1 font-bold hover:underline"
               >
-                <img className="h-5" src="/img/coingecko.png" />
+                <img
+                  className="h-5"
+                  src="/img/coingecko.png"
+                  alt="CoinGecko Logo"
+                />
                 <span>CoinGecko</span>
               </a>
             </div>

pages/[page].tsx

@@ -118,6 +118,7 @@ function Page({
             style={{ maxHeight: '33vh' }}
             src={page?.hero?.imageUrl}
             className="object-contain w-full"
+            alt={page?.hero?.description ?? pageTitle}
           />
         </div>
 

pages/roadmap.tsx

@@ -55,6 +55,7 @@ function Roadmap() {
           <img
             style={{ maxHeight: '90%' }}
             src={`img/roadmap-${horizontal ? 'x' : 'y'}.png`}
+            alt="Oxen's Roadmap and Plans for the future."
             className="w-full"
           />
         </div>