From 48a8cda8db034f005493d3263d400b2d6df7b365 Mon Sep 17 00:00:00 2001
From: Nisar Hassan Naqvi <syednisarhassan12@gmail.com>
Date: Fri, 4 Dec 2020 17:31:33 +0000
Subject: [PATCH] add missing alts to make SEO better.

---
 src/components/Bg.tsx    | 5 +++--
 src/pages/education.tsx  | 2 +-
 src/pages/recruiting.tsx | 2 +-
 src/pages/vendor.tsx     | 2 +-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/Bg.tsx b/src/components/Bg.tsx
index 983d5e88a..5ddc9995f 100644
--- a/src/components/Bg.tsx
+++ b/src/components/Bg.tsx
@@ -17,11 +17,12 @@ const StyledBg = styled.img`
 
 interface BgProps {
     url: any
+    alt: string
 }
 
-const Bg: React.SFC<BgProps> = ({url}) => (
+const Bg = ({url, alt}: BgProps) => (
     <div className="row">
-        <StyledBg src={url} aria-hidden="true" />
+        <StyledBg src={url} alt={alt}/>
     </div>
 )
 
diff --git a/src/pages/education.tsx b/src/pages/education.tsx
index 08575aa2d..1f166788e 100644
--- a/src/pages/education.tsx
+++ b/src/pages/education.tsx
@@ -52,7 +52,7 @@ const EducationPage: React.SFC<{}> = () => (
             title="We eliminate tedious workflows."
         />
 
-        <Bg url={CollegeStudents} />
+        <Bg url={CollegeStudents} alt="Students going to the college"/>
 
         <PricingTable
             title="Gitpod Education Pricing"
diff --git a/src/pages/recruiting.tsx b/src/pages/recruiting.tsx
index 4de6739e8..aa4a56cef 100644
--- a/src/pages/recruiting.tsx
+++ b/src/pages/recruiting.tsx
@@ -47,7 +47,7 @@ const RecrutingPage: React.SFC<{}> = () => (
             title="We create the most convenient dev environments."
         />
 
-        <Bg url={RecruitingBG} />
+        <Bg url={RecruitingBG} alt="A road on Mountains with trees on either side." />
 
         <PricingTable
             title="Gitpod Recruiting Pricing"
diff --git a/src/pages/vendor.tsx b/src/pages/vendor.tsx
index 821e60670..fa7f8ef0b 100644
--- a/src/pages/vendor.tsx
+++ b/src/pages/vendor.tsx
@@ -47,7 +47,7 @@ const VendorPage: React.SFC<{}> = () => (
             title="We’ll make your developer products shine."
         />
 
-        <Bg url={VendorBG} />
+        <Bg url={VendorBG} alt="A large hall with paintings embeded on it's walls." />
 
         <PricingTable
             title="Gitpod Vendor Pricing"