fix(testimonials): Fixed alt text accessibility (#51287)

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

client/i18n/locales/english/translations.json

@@ -92,6 +92,7 @@
     "big-heading-3": "Earn certifications.",
     "h2-heading": "Since 2014, more than 40,000 freeCodeCamp.org graduates have gotten jobs at tech companies including:",
     "hero-img-description": "freeCodeCamp students at a local study group in South Korea.",
+    "hero-img-alt": "A group of people, including a White man, a Black woman, and an Asian woman, gathered around a laptop.",
     "as-seen-in": "As seen in:",
     "testimonials": {
       "heading": "Here is what our alumni say about freeCodeCamp:",

client/src/components/landing/components/campers-image.tsx

@@ -29,7 +29,7 @@ function CampersImage({ pageName }: CampersImageProps): JSX.Element {
     <Media minWidth={LARGE_SCREEN_SIZE}>
       <figure style={figureSize} data-test-label='landing-page-figure'>
         <LazyImage
-          alt={t('landing.hero-img-description')}
+          alt={t('landing.hero-img-alt')}
           src={wideImg}
           style={figureSize}
         />

client/src/components/landing/components/testimonials.tsx

@@ -19,7 +19,7 @@ const Testimonials = (): JSX.Element => {
         <div className='testimonial-card'>
           <div className='testimonial-card-header'>
             <LazyImage
-              alt='Shawn Wang'
+              alt='Shawn Wang, a young-looking Asian man, smiling for a selfie with a snow-capped mountain in the background.'
               className='testimonial-image'
               src={shawnImg}
             />
@@ -46,7 +46,7 @@ const Testimonials = (): JSX.Element => {
         <div className='testimonial-card'>
           <div className='testimonial-card-header'>
             <LazyImage
-              alt='Sarah Chima'
+              alt='Sarah Chima, a young-looking Black woman, smiling for the camera while sitting in a chair.'
               className='testimonial-image'
               src={sarahImg}
             />
@@ -73,7 +73,7 @@ const Testimonials = (): JSX.Element => {
         <div className='testimonial-card'>
           <div className='testimonial-card-header'>
             <LazyImage
-              alt='Emma Bostian'
+              alt='Emma Bostian, a young-looking White woman, smiling for the camera in front of green foliage.'
               className='testimonial-image'
               src={emmaImg}
             />