From 7e6242a2978a16959500cf6e93121adccf633194 Mon Sep 17 00:00:00 2001
From: Yangshun <tay.yang.shun@gmail.com>
Date: Tue, 1 Feb 2022 11:59:07 +0800
Subject: [PATCH] website: add alt text to images

---
 website/src/pages/index.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 2f079406..ddf0e24e 100755
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -81,7 +81,7 @@ function Tweet({url, handle, name, content, avatar, date}) {
     <div className={classnames('card', styles.tweet)}>
       <div className="card__header">
         <div className="avatar">
-          <img className="avatar__photo" src={avatar} />
+          <img alt={name} className="avatar__photo" src={avatar} />
           <div className="avatar__intro">
             <div className={styles.tweet}>
               <strong>{name}</strong>{' '}
@@ -126,6 +126,7 @@ function HeroSection() {
     <header className={classnames('hero', styles.heroBanner)}>
       <div className="container">
         <img
+          alt={siteConfig.title}
           className={classnames(styles.heroBannerLogo, 'margin-vert--md')}
           src={useBaseUrl('img/logo.svg')}
         />
@@ -564,7 +565,11 @@ function SuccessStoriesSection() {
                 </div>
                 <div className="card__header">
                   <div className="avatar">
-                    <img className="avatar__photo" src={user.thumbnail} />
+                    <img
+                      alt={user.name}
+                      className="avatar__photo"
+                      src={user.thumbnail}
+                    />
                     <div className="avatar__intro">
                       <div className="avatar__name">{user.name}</div>
                       <small className="avatar__subtitle">{user.title}</small>
@@ -606,12 +611,18 @@ function SponsorshipSection() {
               <a
                 href="https://opencollective.com/tech-interview-handbook/sponsor/0/website"
                 target="_blank">
-                <img src="https://opencollective.com/tech-interview-handbook/sponsor/0/avatar.svg" />
+                <img
+                  alt="Sponsor"
+                  src="https://opencollective.com/tech-interview-handbook/sponsor/0/avatar.svg"
+                />
               </a>
               <a
                 href="https://opencollective.com/tech-interview-handbook/sponsor/1/website"
                 target="_blank">
-                <img src="https://opencollective.com/tech-interview-handbook/sponsor/1/avatar.svg" />
+                <img
+                  alt="Sponsor"
+                  src="https://opencollective.com/tech-interview-handbook/sponsor/1/avatar.svg"
+                />
               </a>
             </div>
             <div className="margin-vert--lg">