From 6f6142580c50d52f5f87ecea5c97eed124ef8a12 Mon Sep 17 00:00:00 2001
From: Nikolai Berestevich <nikolai.berestevich@regentmarkets.com>
Date: Fri, 30 Jul 2021 11:26:30 +0300
Subject: [PATCH 1/2] nikolai.berestevich/refactor/ alt tag delete on about us
 pages

---
 src/pages/besquare/components/helper/_card.js |  8 +---
 src/pages/besquare/static/content/_join-us.js |  4 --
 .../careers/_employee-testimonial-carousel.js | 17 ++------
 src/pages/careers/_our-values.js              |  8 ++--
 src/pages/careers/locations/index.js          |  4 +-
 src/pages/contact_us/_contact-ways.js         |  6 +--
 src/pages/contact_us/_offices.js              | 42 ++++++++-----------
 src/pages/leadership/_leaders.js              |  4 +-
 src/pages/partners/_why-choose-us.js          |  6 +--
 9 files changed, 34 insertions(+), 65 deletions(-)

diff --git a/src/pages/besquare/components/helper/_card.js b/src/pages/besquare/components/helper/_card.js
index b4e857688fd..3fbcbc33927 100644
--- a/src/pages/besquare/components/helper/_card.js
+++ b/src/pages/besquare/components/helper/_card.js
@@ -18,7 +18,7 @@ const Card = ({ card_content, custom_icon, has_list, style, title_component }) =
             <DropdownWrapper
                 onClick={toggleIsListOpen}
                 src={is_list_open ? Minimize : Maximize}
-                alt={`${() => (is_list_open ? 'Minimize' : 'Maximize')} icon`}
+                alt=""
                 width="32"
                 height="32"
             />
@@ -49,11 +49,7 @@ const Card = ({ card_content, custom_icon, has_list, style, title_component }) =
     const { card_wrapper, icon_wrapper, text_wrapper } = style
     return (
         <CardWrapper {...card_wrapper}>
-            <IconWrapper
-                {...icon_wrapper}
-                src={custom_icon?.src || card_content.src}
-                alt={custom_icon?.alt || card_content.alt}
-            />
+            <IconWrapper {...icon_wrapper} src={custom_icon?.src || card_content.src} alt="" />
             {title_component && title_component}
             <TextWrapper {...text_wrapper}>{card_content.text}</TextWrapper>
             {has_list && getCurrentDropdownComponent()}
diff --git a/src/pages/besquare/static/content/_join-us.js b/src/pages/besquare/static/content/_join-us.js
index 1e5c041b22b..e459d46e1dc 100644
--- a/src/pages/besquare/static/content/_join-us.js
+++ b/src/pages/besquare/static/content/_join-us.js
@@ -11,7 +11,6 @@ export default {
     content: [
         {
             src: TechExperienceIcon,
-            alt: 'tech experience icon',
             text: (
                 <>
                     <strong>Hands-on tech experience</strong> by learning directly from all our
@@ -21,7 +20,6 @@ export default {
         },
         {
             src: ExtensiveNetworkIcon,
-            alt: 'extensive network icon',
             text: (
                 <>
                     <strong>An extensive network</strong> of professionals, guest speakers, and
@@ -31,7 +29,6 @@ export default {
         },
         {
             src: ProfessionalGuidanceIcon,
-            alt: 'professional guidance icon',
             text: (
                 <>
                     <strong>Professional guidance</strong> that helps you set clear career goals to
@@ -41,7 +38,6 @@ export default {
         },
         {
             src: ResumeIcon,
-            alt: 'tech experience icon',
             text: (
                 <>
                     <strong>An enriched résumé</strong> with tech and non-tech skills that set you
diff --git a/src/pages/careers/_employee-testimonial-carousel.js b/src/pages/careers/_employee-testimonial-carousel.js
index d76811affce..83fafadef35 100644
--- a/src/pages/careers/_employee-testimonial-carousel.js
+++ b/src/pages/careers/_employee-testimonial-carousel.js
@@ -74,20 +74,14 @@ const QuoteWrapper = styled(Flex)`
         top: 16px;
     }
 `
-const EmployeeSlide = ({ quote, img_path, img_alt, name }) => {
+const EmployeeSlide = ({ quote, img_path, name }) => {
     return (
         <Flex ai="center" height="unset">
             <EmployeeCard>
                 <Flex tablet_direction="column">
                     <Flex>
                         <ImageWrapper>
-                            <img
-                                loading="lazy"
-                                width="100%"
-                                height="100%"
-                                src={img_path}
-                                alt={img_alt}
-                            />
+                            <img loading="lazy" width="100%" height="100%" src={img_path} alt="" />
                         </ImageWrapper>
                     </Flex>
                     <QuoteWrapper direction="column">
@@ -102,7 +96,6 @@ const EmployeeSlide = ({ quote, img_path, img_alt, name }) => {
 }
 
 EmployeeSlide.propTypes = {
-    img_alt: PropTypes.string,
     img_path: PropTypes.string,
     name: PropTypes.string,
     quote: PropTypes.string,
@@ -111,28 +104,24 @@ EmployeeSlide.propTypes = {
 
 const ahmad = {
     name: 'Ahmad Aizuddin, Disaster Recovery Analyst',
-    img_alt: 'Ahmad - Recovery Analyst',
     img_path: AhmadImage,
     quote: `One of the things I like best about working here is how we’re encouraged to take ownership of our tasks and goals. The autonomy and trust by the leadership team motivate me to excel in my role.`,
     index: 2,
 }
 const aditya = {
     name: 'Lalitaditya Addanki, DevOps Engineer',
-    img_alt: 'Lalitaditya - DevOps Engineer',
     img_path: AdityaImage,
     quote: `The best thing about my peers is that they are highly talented and skilled. Problem-solving and brainstorming with my team is fun, and they provide a great support structure. I’m able to produce higher quality work than what I would have achieved on my own.`,
     index: 3,
 }
 const mei_theng = {
     name: 'Wong Mei Theng, Accounting Operations Lead',
-    img_alt: 'Mei Theng - Accounting Operations Lead',
     img_path: MeiThengImage,
     quote: `I love the people I work with, and the company culture that we share. Everyone contributes to a positive working environment by having fun together during the ups and shouldering the burden together during the downs.`,
     index: 4,
 }
 const gary = {
     name: 'Gary Ross Vytialingam, Chief Risk Officer',
-    img_alt: 'Gary - Chief Risk Officer',
     img_path: GaryImage,
     quote: `We encourage knowledge sharing at all levels, so I learn from the people I work with every day. Our company is enriched by the diversity of talented individuals from over 40 countries. It’s inspiring to be a leader of these motivated team players at Deriv.`,
     index: 5,
@@ -177,7 +166,7 @@ const EmployeeTestimonialCarousel = () => {
                                 quote={employee_slide.quote}
                                 name={employee_slide.name}
                                 img_path={employee_slide.img_path}
-                                img_alt={employee_slide.img_alt}
+                                img_alt=""
                             />
                         </div>
                     ))}
diff --git a/src/pages/careers/_our-values.js b/src/pages/careers/_our-values.js
index 6fd57e902ee..b6342540a21 100644
--- a/src/pages/careers/_our-values.js
+++ b/src/pages/careers/_our-values.js
@@ -44,7 +44,7 @@ const OurValues = () => (
                 mobile_columns="38.4rem"
             >
                 <GridItem direction="column">
-                    <img src={Integrity} alt="integrity" />
+                    <img src={Integrity} alt="" />
                     <MiddleText as="h4" type="sub-section-title">
                         Integrity
                     </MiddleText>
@@ -55,7 +55,7 @@ const OurValues = () => (
                     </Text>
                 </GridItem>
                 <GridItem direction="column">
-                    <img src={Customer} alt="customer" />
+                    <img src={Customer} alt="" />
                     <MiddleText as="h4" type="sub-section-title">
                         Customer focus
                     </MiddleText>
@@ -65,7 +65,7 @@ const OurValues = () => (
                     </Text>
                 </GridItem>
                 <GridItem direction="column">
-                    <img src={Competence} alt="competence" />
+                    <img src={Competence} alt="" />
                     <MiddleText as="h4" type="sub-section-title">
                         Competence
                     </MiddleText>
@@ -75,7 +75,7 @@ const OurValues = () => (
                     </Text>
                 </GridItem>
                 <GridItem direction="column">
-                    <img src={Teamwork} alt="teamwork" />
+                    <img src={Teamwork} alt="" />
                     <MiddleText as="h4" type="sub-section-title">
                         Teamwork
                     </MiddleText>
diff --git a/src/pages/careers/locations/index.js b/src/pages/careers/locations/index.js
index 99694c37f8b..b5be323f374 100644
--- a/src/pages/careers/locations/index.js
+++ b/src/pages/careers/locations/index.js
@@ -91,13 +91,13 @@ const CountryCardWrapper = styled(StyledCard)`
 const CountryCard = ({ country_name, city_name, link, img_data, Icon }) => {
     return (
         <CountryCardWrapper to={link}>
-            <QueryImage data={img_data} alt={city_name + localize('Office')} width="100%" />
+            <QueryImage data={img_data} alt="" width="100%" />
             <div style={{ padding: '32px' }}>
                 <Header as="h5" size="var(--text-size-sm)">
                     {city_name}
                 </Header>
                 <Flex jc="unset" ai="center" mt="8px" mb="8px">
-                    <StyledImg src={Icon} alt="icon" />
+                    <StyledImg src={Icon} alt="" />
                     <Text weight="bold">{country_name}</Text>
                 </Flex>
                 <Flex ai="center" jc="flex-end">
diff --git a/src/pages/contact_us/_contact-ways.js b/src/pages/contact_us/_contact-ways.js
index 188c67c2256..4cc5e1a11cf 100644
--- a/src/pages/contact_us/_contact-ways.js
+++ b/src/pages/contact_us/_contact-ways.js
@@ -117,11 +117,7 @@ const ContactWays = () => {
                         return (
                             <ContactWrapper key={idx}>
                                 <ImgWrapper>
-                                    <QueryImage
-                                        data={data[item.image]}
-                                        alt={item.header.props.translate_text}
-                                        width="100%"
-                                    />
+                                    <QueryImage data={data[item.image]} alt="" width="100%" />
                                 </ImgWrapper>
 
                                 <Header mt="2.4rem" as="h3" type="section-title" align="center">
diff --git a/src/pages/contact_us/_offices.js b/src/pages/contact_us/_offices.js
index c3ccd0dcf10..ed114847012 100644
--- a/src/pages/contact_us/_offices.js
+++ b/src/pages/contact_us/_offices.js
@@ -184,7 +184,7 @@ export const Offices = () => {
                         <Flex fd="column" max_width="48.6rem" id="malta">
                             <OfficeHeader>
                                 <div>
-                                    <img src={Malta} alt="malta" />
+                                    <img src={Malta} alt="" />
                                 </div>
                                 <Header as="h4" type="sub-section-title" mt="0.8rem" mb="1.6rem">
                                     {localize('Malta')}
@@ -199,11 +199,7 @@ export const Offices = () => {
                                         target="_blank"
                                         rel="noopener noreferrer"
                                     >
-                                        <QueryImage
-                                            alt="Map Malta"
-                                            data={data['map_malta']}
-                                            height="100%"
-                                        />
+                                        <QueryImage alt="" data={data['map_malta']} height="100%" />
                                     </LocalizedLink>
                                 </MapContainer>
                                 <LocalizedLinkText
@@ -225,7 +221,7 @@ export const Offices = () => {
                         <Flex fd="column" max_width="48.6rem" id="dubai">
                             <OfficeHeader>
                                 <div>
-                                    <img src={Dubai} alt="dubai" />
+                                    <img src={Dubai} alt="" />
                                 </div>
                                 <Header as="h4" type="sub-section-title" mt="0.8rem" mb="1.6rem">
                                     {localize('Dubai')}
@@ -239,11 +235,7 @@ export const Offices = () => {
                                         target="_blank"
                                         rel="noopener noreferrer"
                                     >
-                                        <QueryImage
-                                            alt="Map Dubai"
-                                            data={data['map_dubai']}
-                                            height="100%"
-                                        />
+                                        <QueryImage alt="" data={data['map_dubai']} height="100%" />
                                     </LocalizedLink>
                                 </MapContainer>
                                 <LocalizedLinkText
@@ -264,7 +256,7 @@ export const Offices = () => {
                     <Flex fd="column" m="4rem 0" id="malaysia">
                         <OfficeHeader>
                             <div>
-                                <img src={Malaysia} alt="malaysia" />
+                                <img src={Malaysia} alt="" />
                             </div>
                             <Header as="h4" type="sub-section-title" mt="0.8rem" mb="1.6rem">
                                 {localize('Malaysia')}
@@ -281,7 +273,7 @@ export const Offices = () => {
                                             rel="noopener noreferrer"
                                         >
                                             <QueryImage
-                                                alt="Map Cyberjaya"
+                                                alt=""
                                                 data={data['map_cyberjaya']}
                                                 height="100%"
                                             />
@@ -312,7 +304,7 @@ export const Offices = () => {
                                             rel="noopener noreferrer"
                                         >
                                             <QueryImage
-                                                alt="Map Labuan"
+                                                alt=""
                                                 data={data['map_labuan']}
                                                 height="100%"
                                             />
@@ -343,7 +335,7 @@ export const Offices = () => {
                                             rel="noopener noreferrer"
                                         >
                                             <QueryImage
-                                                alt="Map Ipoh"
+                                                alt=""
                                                 data={data['map_ipoh']}
                                                 height="100%"
                                             />
@@ -374,7 +366,7 @@ export const Offices = () => {
                                             rel="noopener noreferrer"
                                         >
                                             <QueryImage
-                                                alt="Map Melaka"
+                                                alt=""
                                                 data={data['map_melaka']}
                                                 height="100%"
                                             />
@@ -401,7 +393,7 @@ export const Offices = () => {
                         <Flex fd="column" max_width="48.6rem" id="paraguay">
                             <OfficeHeader>
                                 <div>
-                                    <img src={Paraguay} alt="paraguay" />
+                                    <img src={Paraguay} alt="" />
                                 </div>
                                 <Header as="h4" type="sub-section-title" mt="0.8rem" mb="1.6rem">
                                     {localize('Paraguay')}
@@ -416,7 +408,7 @@ export const Offices = () => {
                                         rel="noopener noreferrer"
                                     >
                                         <QueryImage
-                                            alt="Map Paraguay"
+                                            alt=""
                                             data={data['map_paraguay']}
                                             height="100%"
                                         />
@@ -441,7 +433,7 @@ export const Offices = () => {
                         <Flex fd="column" max_width="48.6rem" id="cyprus">
                             <OfficeHeader>
                                 <div>
-                                    <img src={Cyprus} alt="cyprus" />
+                                    <img src={Cyprus} alt="" />
                                 </div>
                                 <Header as="h4" type="sub-section-title" mt="0.8rem" mb="1.6rem">
                                     {localize('Cyprus')}
@@ -456,7 +448,7 @@ export const Offices = () => {
                                         rel="noopener noreferrer"
                                     >
                                         <QueryImage
-                                            alt="Map Cyprus"
+                                            alt=""
                                             data={data['map_cyprus']}
                                             height="100%"
                                         />
@@ -479,7 +471,7 @@ export const Offices = () => {
                         <Flex fd="column" max_width="48.6rem" id="rwanda">
                             <OfficeHeader>
                                 <div>
-                                    <img src={Rwanda} alt="rwanda" />
+                                    <img src={Rwanda} alt="" />
                                 </div>
                                 <Header as="h4" type="sub-section-title" mt="0.8rem" mb="1.6rem">
                                     {localize('Rwanda')}
@@ -494,7 +486,7 @@ export const Offices = () => {
                                         rel="noopener noreferrer"
                                     >
                                         <QueryImage
-                                            alt="Map Rwanda"
+                                            alt=""
                                             data={data['map_rwanda']}
                                             height="100%"
                                         />
@@ -517,7 +509,7 @@ export const Offices = () => {
                         <Flex fd="column" max_width="48.6rem" id="belarus">
                             <OfficeHeader>
                                 <div>
-                                    <img src={Belarus} alt="belarus" />
+                                    <img src={Belarus} alt="" />
                                 </div>
                                 <Header as="h4" type="sub-section-title" mt="0.8rem" mb="1.6rem">
                                     {localize('Belarus')}
@@ -532,7 +524,7 @@ export const Offices = () => {
                                         rel="noopener noreferrer"
                                     >
                                         <QueryImage
-                                            alt="Map Belarus"
+                                            alt=""
                                             data={data['map_belarus_contact']}
                                             height="100%"
                                         />
diff --git a/src/pages/leadership/_leaders.js b/src/pages/leadership/_leaders.js
index 4371fe9e4a6..3077bc29b48 100644
--- a/src/pages/leadership/_leaders.js
+++ b/src/pages/leadership/_leaders.js
@@ -309,7 +309,7 @@ const Leaders = () => {
                         {leaders_data.map((leader, index) => (
                             <LeaderWrapper key={index} direction="column" ai="center">
                                 <Box margin={{ bottom: '0.8rem' }} width="100%" position="relative">
-                                    <QueryImage data={data[leader.image]} alt={leader.name} />
+                                    <QueryImage data={data[leader.image]} alt="" />
                                     <DescriptionWrapper>
                                         <Text lh="1.71" size="var(--text-size-xxs)" color="white">
                                             {leader.description}
@@ -331,7 +331,7 @@ const Leaders = () => {
                         <LeaderMobile key={idx}>
                             <RelativeImageWrapper>
                                 <AbsoluteImageWrapper>
-                                    <QueryImage data={data[`${leader.image}`]} alt={leader.name} />
+                                    <QueryImage data={data[`${leader.image}`]} alt="" />
                                 </AbsoluteImageWrapper>
                             </RelativeImageWrapper>
                             <Header as="h4" size="24px" align="center" m="16px 0 0">
diff --git a/src/pages/partners/_why-choose-us.js b/src/pages/partners/_why-choose-us.js
index 4001cd99716..c4717b98d3b 100644
--- a/src/pages/partners/_why-choose-us.js
+++ b/src/pages/partners/_why-choose-us.js
@@ -48,7 +48,7 @@ const WhyChooseUs = () => {
                 </Header>
                 <Wrapper>
                     <Card direction="column">
-                        <ImageWrapper src={Hand} alt="hand icon" />
+                        <ImageWrapper src={Hand} alt="" />
                         <Header as="h4" type="sub-section-title" mb="0.8rem">
                             {localize('Partnership with a trusted pioneer')}
                         </Header>
@@ -59,7 +59,7 @@ const WhyChooseUs = () => {
                         </Text>
                     </Card>
                     <Card direction="column">
-                        <ImageWrapper src={Lamp} alt="lamp icon" />
+                        <ImageWrapper src={Lamp} alt="" />
                         <Header as="h4" type="sub-section-title" mb="0.8rem">
                             {localize('Diverse opportunities')}
                         </Header>
@@ -70,7 +70,7 @@ const WhyChooseUs = () => {
                         </Text>
                     </Card>
                     <Card direction="column">
-                        <ImageWrapper src={HiddenFee} alt="hidden fee icon" />
+                        <ImageWrapper src={HiddenFee} alt="" />
                         <Header as="h4" type="sub-section-title" mb="0.8rem">
                             {localize('No charges or hidden fees')}
                         </Header>

From b2b98bc90a2eec9651d355a467b4dac47079f722 Mon Sep 17 00:00:00 2001
From: Nikolai Berestevich <nikolai.berestevich@regentmarkets.com>
Date: Mon, 2 Aug 2021 17:08:53 +0300
Subject: [PATCH 2/2] nikolai.berestevich/refactor/change-alt-tags-about us

---
 .../careers/_employee-testimonial-carousel.js | 17 +++++++++--
 src/pages/careers/locations/index.js          |  2 +-
 src/pages/contact_us/_contact-ways.js         |  6 +++-
 src/pages/contact_us/_offices.js              | 28 ++++++++++++-------
 src/pages/leadership/_leaders.js              |  4 +--
 5 files changed, 40 insertions(+), 17 deletions(-)

diff --git a/src/pages/careers/_employee-testimonial-carousel.js b/src/pages/careers/_employee-testimonial-carousel.js
index 83fafadef35..d76811affce 100644
--- a/src/pages/careers/_employee-testimonial-carousel.js
+++ b/src/pages/careers/_employee-testimonial-carousel.js
@@ -74,14 +74,20 @@ const QuoteWrapper = styled(Flex)`
         top: 16px;
     }
 `
-const EmployeeSlide = ({ quote, img_path, name }) => {
+const EmployeeSlide = ({ quote, img_path, img_alt, name }) => {
     return (
         <Flex ai="center" height="unset">
             <EmployeeCard>
                 <Flex tablet_direction="column">
                     <Flex>
                         <ImageWrapper>
-                            <img loading="lazy" width="100%" height="100%" src={img_path} alt="" />
+                            <img
+                                loading="lazy"
+                                width="100%"
+                                height="100%"
+                                src={img_path}
+                                alt={img_alt}
+                            />
                         </ImageWrapper>
                     </Flex>
                     <QuoteWrapper direction="column">
@@ -96,6 +102,7 @@ const EmployeeSlide = ({ quote, img_path, name }) => {
 }
 
 EmployeeSlide.propTypes = {
+    img_alt: PropTypes.string,
     img_path: PropTypes.string,
     name: PropTypes.string,
     quote: PropTypes.string,
@@ -104,24 +111,28 @@ EmployeeSlide.propTypes = {
 
 const ahmad = {
     name: 'Ahmad Aizuddin, Disaster Recovery Analyst',
+    img_alt: 'Ahmad - Recovery Analyst',
     img_path: AhmadImage,
     quote: `One of the things I like best about working here is how we’re encouraged to take ownership of our tasks and goals. The autonomy and trust by the leadership team motivate me to excel in my role.`,
     index: 2,
 }
 const aditya = {
     name: 'Lalitaditya Addanki, DevOps Engineer',
+    img_alt: 'Lalitaditya - DevOps Engineer',
     img_path: AdityaImage,
     quote: `The best thing about my peers is that they are highly talented and skilled. Problem-solving and brainstorming with my team is fun, and they provide a great support structure. I’m able to produce higher quality work than what I would have achieved on my own.`,
     index: 3,
 }
 const mei_theng = {
     name: 'Wong Mei Theng, Accounting Operations Lead',
+    img_alt: 'Mei Theng - Accounting Operations Lead',
     img_path: MeiThengImage,
     quote: `I love the people I work with, and the company culture that we share. Everyone contributes to a positive working environment by having fun together during the ups and shouldering the burden together during the downs.`,
     index: 4,
 }
 const gary = {
     name: 'Gary Ross Vytialingam, Chief Risk Officer',
+    img_alt: 'Gary - Chief Risk Officer',
     img_path: GaryImage,
     quote: `We encourage knowledge sharing at all levels, so I learn from the people I work with every day. Our company is enriched by the diversity of talented individuals from over 40 countries. It’s inspiring to be a leader of these motivated team players at Deriv.`,
     index: 5,
@@ -166,7 +177,7 @@ const EmployeeTestimonialCarousel = () => {
                                 quote={employee_slide.quote}
                                 name={employee_slide.name}
                                 img_path={employee_slide.img_path}
-                                img_alt=""
+                                img_alt={employee_slide.img_alt}
                             />
                         </div>
                     ))}
diff --git a/src/pages/careers/locations/index.js b/src/pages/careers/locations/index.js
index b5be323f374..3357ea9cb5e 100644
--- a/src/pages/careers/locations/index.js
+++ b/src/pages/careers/locations/index.js
@@ -91,7 +91,7 @@ const CountryCardWrapper = styled(StyledCard)`
 const CountryCard = ({ country_name, city_name, link, img_data, Icon }) => {
     return (
         <CountryCardWrapper to={link}>
-            <QueryImage data={img_data} alt="" width="100%" />
+            <QueryImage data={img_data} alt={city_name + localize('Office')} width="100%" />
             <div style={{ padding: '32px' }}>
                 <Header as="h5" size="var(--text-size-sm)">
                     {city_name}
diff --git a/src/pages/contact_us/_contact-ways.js b/src/pages/contact_us/_contact-ways.js
index 4cc5e1a11cf..188c67c2256 100644
--- a/src/pages/contact_us/_contact-ways.js
+++ b/src/pages/contact_us/_contact-ways.js
@@ -117,7 +117,11 @@ const ContactWays = () => {
                         return (
                             <ContactWrapper key={idx}>
                                 <ImgWrapper>
-                                    <QueryImage data={data[item.image]} alt="" width="100%" />
+                                    <QueryImage
+                                        data={data[item.image]}
+                                        alt={item.header.props.translate_text}
+                                        width="100%"
+                                    />
                                 </ImgWrapper>
 
                                 <Header mt="2.4rem" as="h3" type="section-title" align="center">
diff --git a/src/pages/contact_us/_offices.js b/src/pages/contact_us/_offices.js
index ed114847012..64e6035f152 100644
--- a/src/pages/contact_us/_offices.js
+++ b/src/pages/contact_us/_offices.js
@@ -199,7 +199,11 @@ export const Offices = () => {
                                         target="_blank"
                                         rel="noopener noreferrer"
                                     >
-                                        <QueryImage alt="" data={data['map_malta']} height="100%" />
+                                        <QueryImage
+                                            alt="Map Malta"
+                                            data={data['map_malta']}
+                                            height="100%"
+                                        />
                                     </LocalizedLink>
                                 </MapContainer>
                                 <LocalizedLinkText
@@ -235,7 +239,11 @@ export const Offices = () => {
                                         target="_blank"
                                         rel="noopener noreferrer"
                                     >
-                                        <QueryImage alt="" data={data['map_dubai']} height="100%" />
+                                        <QueryImage
+                                            alt="Map Dubai"
+                                            data={data['map_dubai']}
+                                            height="100%"
+                                        />
                                     </LocalizedLink>
                                 </MapContainer>
                                 <LocalizedLinkText
@@ -273,7 +281,7 @@ export const Offices = () => {
                                             rel="noopener noreferrer"
                                         >
                                             <QueryImage
-                                                alt=""
+                                                alt="Map Cyberjaya"
                                                 data={data['map_cyberjaya']}
                                                 height="100%"
                                             />
@@ -304,7 +312,7 @@ export const Offices = () => {
                                             rel="noopener noreferrer"
                                         >
                                             <QueryImage
-                                                alt=""
+                                                alt="Map Labuan"
                                                 data={data['map_labuan']}
                                                 height="100%"
                                             />
@@ -335,7 +343,7 @@ export const Offices = () => {
                                             rel="noopener noreferrer"
                                         >
                                             <QueryImage
-                                                alt=""
+                                                alt="Map Ipoh"
                                                 data={data['map_ipoh']}
                                                 height="100%"
                                             />
@@ -366,7 +374,7 @@ export const Offices = () => {
                                             rel="noopener noreferrer"
                                         >
                                             <QueryImage
-                                                alt=""
+                                                alt="Map Melaka"
                                                 data={data['map_melaka']}
                                                 height="100%"
                                             />
@@ -408,7 +416,7 @@ export const Offices = () => {
                                         rel="noopener noreferrer"
                                     >
                                         <QueryImage
-                                            alt=""
+                                            alt="Map Paraguay"
                                             data={data['map_paraguay']}
                                             height="100%"
                                         />
@@ -448,7 +456,7 @@ export const Offices = () => {
                                         rel="noopener noreferrer"
                                     >
                                         <QueryImage
-                                            alt=""
+                                            alt="Map Cyprus"
                                             data={data['map_cyprus']}
                                             height="100%"
                                         />
@@ -486,7 +494,7 @@ export const Offices = () => {
                                         rel="noopener noreferrer"
                                     >
                                         <QueryImage
-                                            alt=""
+                                            alt="Map Rwanda"
                                             data={data['map_rwanda']}
                                             height="100%"
                                         />
@@ -524,7 +532,7 @@ export const Offices = () => {
                                         rel="noopener noreferrer"
                                     >
                                         <QueryImage
-                                            alt=""
+                                            alt="Map Belarus"
                                             data={data['map_belarus_contact']}
                                             height="100%"
                                         />
diff --git a/src/pages/leadership/_leaders.js b/src/pages/leadership/_leaders.js
index 3077bc29b48..4371fe9e4a6 100644
--- a/src/pages/leadership/_leaders.js
+++ b/src/pages/leadership/_leaders.js
@@ -309,7 +309,7 @@ const Leaders = () => {
                         {leaders_data.map((leader, index) => (
                             <LeaderWrapper key={index} direction="column" ai="center">
                                 <Box margin={{ bottom: '0.8rem' }} width="100%" position="relative">
-                                    <QueryImage data={data[leader.image]} alt="" />
+                                    <QueryImage data={data[leader.image]} alt={leader.name} />
                                     <DescriptionWrapper>
                                         <Text lh="1.71" size="var(--text-size-xxs)" color="white">
                                             {leader.description}
@@ -331,7 +331,7 @@ const Leaders = () => {
                         <LeaderMobile key={idx}>
                             <RelativeImageWrapper>
                                 <AbsoluteImageWrapper>
-                                    <QueryImage data={data[`${leader.image}`]} alt="" />
+                                    <QueryImage data={data[`${leader.image}`]} alt={leader.name} />
                                 </AbsoluteImageWrapper>
                             </RelativeImageWrapper>
                             <Header as="h4" size="24px" align="center" m="16px 0 0">