From 0b61978e22f518432f8c1a4b551bb882afb98ed2 Mon Sep 17 00:00:00 2001
From: Nikolai Berestevich <nikolai.berestevich@regentmarkets.com>
Date: Wed, 28 Jul 2021 16:36:45 +0300
Subject: [PATCH] nikolai.berestevich/fix/delete  alt tags for icons /homepage
 + common

---
 src/components/custom/other-platforms.js   | 70 +++++++++-----------
 src/components/elements/off-canvas-menu.js | 77 +++++++---------------
 src/pages/home/_markets.js                 |  8 +--
 src/pages/home/_trade-types-mobile.js      |  6 +-
 src/pages/home/_trade-types.js             | 15 +++--
 src/pages/index.js                         |  6 +-
 6 files changed, 72 insertions(+), 110 deletions(-)

diff --git a/src/components/custom/other-platforms.js b/src/components/custom/other-platforms.js
index 9d646f1f56a..88b3dd97468 100644
--- a/src/components/custom/other-platforms.js
+++ b/src/components/custom/other-platforms.js
@@ -107,7 +107,7 @@ export const TraderCard = ({ is_selected, word_break_cover }) => (
             cover_background="var(--color-red)"
             cover_content={localize('Discover DTrader now')}
             title={localize('DTrader')}
-            Icon={() => <StyledDTrader src={DTrader} width="72" height="72" alt="Dtrader" />}
+            Icon={() => <StyledDTrader src={DTrader} width="72" height="72" alt="" />}
             content={[localize('The platform to start with. It’s powerful yet easy to use.')]}
             is_inline_icon
             min_height="12.4rem"
@@ -124,7 +124,7 @@ export const BotCard = ({ is_selected, word_break_cover }) => (
             cover_background="var(--color-orange)"
             cover_content={localize('Discover DBot now')}
             title={localize('DBot')}
-            Icon={() => <StyledDbot src={DBot} width="72" height="72" alt="DBot" />}
+            Icon={() => <StyledDbot src={DBot} width="72" height="72" alt="" />}
             content={[localize('Automated trading at your fingertips. No coding needed.')]}
             is_inline_icon
             min_height="12.4rem"
@@ -141,7 +141,7 @@ export const DMT5Card = ({ is_selected, is_ppc_redirect, word_break_cover }) =>
             cover_background="var(--color-green)"
             cover_content={localize('Discover DMT5 now')}
             title={localize('DMT5')}
-            Icon={() => <StyledDmt5 src={DMT5} alt="DMT5" width="72" height="72" />}
+            Icon={() => <StyledDmt5 src={DMT5} alt="" width="72" height="72" />}
             content={[
                 localize(
                     'Trade on Deriv MetaTrader 5 (DMT5), the all-in-one FX and CFD trading platform.',
@@ -188,9 +188,7 @@ export const SmarttraderCard = ({ is_selected, word_break_cover }) => (
             cover_background="var(--color-blue-3)"
             cover_content={localize('Discover SmartTrader now')}
             title={localize('SmartTrader')}
-            Icon={() => (
-                <StyledSmarttrader src={Smarttrader} alt="Smarttrader" height="72" width="72" />
-            )}
+            Icon={() => <StyledSmarttrader src={Smarttrader} alt="" height="72" width="72" />}
             content={[
                 <Localize
                     key={0}
@@ -270,7 +268,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                         <StyledText>{localize('Trade types')}</StyledText>
                         <NavCard
                             aria_label="Margin trading"
-                            icon={() => <img src={Margin} alt="Margin" width="32" height="32" />}
+                            icon={() => <img src={Margin} alt="" width="32" height="32" />}
                             content={
                                 <Localize translate_text="Trade with leverage and low spreads for better returns on successful trades." />
                             }
@@ -281,9 +279,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                         {!is_eu_country && (
                             <NavCard
                                 aria_label="Options"
-                                icon={() => (
-                                    <img src={Options} alt="Options" width="32" height="32" />
-                                )}
+                                icon={() => <img src={Options} alt="" width="32" height="32" />}
                                 content={
                                     <Localize translate_text="Earn fixed payouts by predicting an asset's price movement." />
                                 }
@@ -294,9 +290,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                         )}
                         <NavCard
                             aria_label="Multipliers"
-                            icon={() => (
-                                <img src={Multipliers} alt="Multipliers" width="32" height="32" />
-                            )}
+                            icon={() => <img src={Multipliers} alt="" width="32" height="32" />}
                             content={
                                 <Localize translate_text="Combine the upside of margin trading with the simplicity of options." />
                             }
@@ -312,7 +306,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                 <StyledText>{localize('Trading platforms')}</StyledText>
                 <NavCard
                     aria_label="DMT5"
-                    icon={() => <img src={DMT5} alt="DMT5" width="32" height="32" />}
+                    icon={() => <img src={DMT5} alt="" width="32" height="32" />}
                     content={
                         <Localize translate_text="Trade on Deriv MetaTrader 5 (DMT5), the all-in-one FX and CFD trading platform." />
                     }
@@ -323,7 +317,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                 {!is_eu_country && (
                     <NavCard
                         aria_label="Derivx"
-                        icon={() => <img src={DerivX} alt="Deriv X" width="32" height="32" />}
+                        icon={() => <img src={DerivX} alt="" width="32" height="32" />}
                         content={
                             <Localize translate_text="Trade FX and CFDs on a customisable, easy-to-use trading platform." />
                         }
@@ -335,7 +329,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
 
                 <NavCard
                     aria_label="SmartTrader"
-                    icon={() => <img src={Smarttrader} alt="Smarttrader" width="32" height="32" />}
+                    icon={() => <img src={Smarttrader} alt="" width="32" height="32" />}
                     content={
                         <Localize translate_text="Trade the world’s markets with our popular user-friendly platform." />
                     }
@@ -352,7 +346,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                 <EmptySpace />
                 <NavCard
                     aria_label="Dtrader"
-                    icon={() => <img src={DTrader} alt="Dtrader" width="32" height="32" />}
+                    icon={() => <img src={DTrader} alt="" width="32" height="32" />}
                     content={
                         <Localize translate_text="A whole new trading experience on a powerful yet easy to use platform." />
                     }
@@ -362,7 +356,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                 />
                 <NavCard
                     aria_label="DBot"
-                    icon={() => <img src={DBot} alt="DBot" width="32" height="32" />}
+                    icon={() => <img src={DBot} alt="" width="32" height="32" />}
                     content={
                         <Localize translate_text="Automated trading at your fingertips. No coding needed." />
                     }
@@ -385,7 +379,7 @@ export const NavMarket = ({ onClick, is_ppc }) => (
     <Flex direction="column" wrap="wrap" jc="flex-start">
         <NavCard
             aria_label="Forex"
-            icon={() => <img src={Forex} alt="Forex" width="32" height="32" />}
+            icon={() => <img src={Forex} alt="" width="32" height="32" />}
             content={
                 <Localize translate_text="Trade the world’s largest financial market with popular forex pairs." />
             }
@@ -396,9 +390,7 @@ export const NavMarket = ({ onClick, is_ppc }) => (
         {!is_ppc && (
             <NavCard
                 aria_label="Synthetic indices"
-                icon={() => (
-                    <img src={SyntheticIndices} alt="SyntheticIndices" width="32" height="32" />
-                )}
+                icon={() => <img src={SyntheticIndices} alt="" width="32" height="32" />}
                 content={
                     <Localize translate_text="Enjoy synthetic markets that emulate real-world market movements." />
                 }
@@ -409,7 +401,7 @@ export const NavMarket = ({ onClick, is_ppc }) => (
         )}
         <NavCard
             aria_label="Stocks & indices"
-            icon={() => <img src={StockIndices} alt="StockIndices" width="32" height="32" />}
+            icon={() => <img src={StockIndices} alt="" width="32" height="32" />}
             content={
                 <Localize translate_text="Predict broader market trends and diversify your risk with stock indices." />
             }
@@ -419,9 +411,7 @@ export const NavMarket = ({ onClick, is_ppc }) => (
         />
         <NavCard
             aria_label="Cryptocurrencies"
-            icon={() => (
-                <img src={Cryptocurrencies} alt="Cryptocurrencies" width="32" height="32" />
-            )}
+            icon={() => <img src={Cryptocurrencies} alt="" width="32" height="32" />}
             content={
                 <Localize translate_text="Trade with leverage on the price movement of popular crypto-fiat pairs." />
             }
@@ -431,7 +421,7 @@ export const NavMarket = ({ onClick, is_ppc }) => (
         />
         <NavCard
             aria_label="Commodities"
-            icon={() => <img src={Commodities} alt="Commodities" width="32" height="32" />}
+            icon={() => <img src={Commodities} alt="" width="32" height="32" />}
             content={
                 <Localize translate_text="Trade natural resources that are central to the world's economy." />
             }
@@ -450,44 +440,44 @@ NavMarket.propTypes = {
 export const NavCompany = ({ onClick }) => (
     <Flex direction="column" wrap="wrap" jc="flex-start" max_width="42rem">
         <CardLink
-            icon={() => <img src={Story} alt="story" width="24" height="24" />}
+            icon={() => <img src={Story} alt="" width="24" height="24" />}
             title={localize('Our story')}
             onClick={onClick}
             to="/story/"
         />
         <CardLink
-            icon={() => <img src={Leadership} alt="leadership" width="24" height="24" />}
+            icon={() => <img src={Leadership} alt="" width="24" height="24" />}
             title={localize('Our leadership')}
             onClick={onClick}
             to="/leadership/"
         />
         <CardLink
-            icon={() => <img src={RegulatoryInfo} alt="regulatory" width="24" height="24" />}
+            icon={() => <img src={RegulatoryInfo} alt="" width="24" height="24" />}
             title={localize('Regulatory information')}
             onClick={onClick}
             to="/regulatory/"
         />
         <CardLink
-            icon={() => <img src={Choose} alt="choose" width="24" height="24" />}
+            icon={() => <img src={Choose} alt="" width="24" height="24" />}
             title={localize('Why choose us?')}
             onClick={onClick}
             to="/why-choose-us/"
         />
         <CardLink
-            icon={() => <img src={Partner} alt="partner" width="24" height="24" />}
+            icon={() => <img src={Partner} alt="" width="24" height="24" />}
             title={localize('Partnership programmes')}
             onClick={onClick}
             to="/partners/"
         />
 
         <CardLink
-            icon={() => <img src={Contact} alt="contact" width="24" height="24" />}
+            icon={() => <img src={Contact} alt="" width="24" height="24" />}
             title={localize('Contact us')}
             onClick={onClick}
             to="/contact_us/"
         />
         <CardLink
-            icon={() => <img src={Career} alt="career" width="24" height="24" />}
+            icon={() => <img src={Career} alt="" width="24" height="24" />}
             title={localize('Careers')}
             onClick={onClick}
             to="/careers/"
@@ -502,13 +492,13 @@ NavCompany.propTypes = {
 export const NavResources = ({ onClick }) => (
     <Flex direction="column" wrap="wrap" jc="flex-start" max_width="42rem">
         <CardLink
-            icon={() => <img src={Help} alt="help" width="24" height="24" />}
+            icon={() => <img src={Help} alt="" width="24" height="24" />}
             title={localize('Help centre')}
             onClick={onClick}
             to="/help-centre/"
         />
         <CardLink
-            icon={() => <img src={Community} alt="community" width="24" height="24" />}
+            icon={() => <img src={Community} alt="" width="24" height="24" />}
             title={localize('Community')}
             onClick={onClick}
             to=""
@@ -518,25 +508,25 @@ export const NavResources = ({ onClick }) => (
             rel="noopener noreferrer"
         />
         <CardLink
-            icon={() => <img src={TraderTool} alt="traders tools" width="24" height="24" />}
+            icon={() => <img src={TraderTool} alt="" width="24" height="24" />}
             title={localize('Traders’ tools')}
             onClick={onClick}
             to="/trader-tools/"
         />
         <CardLink
-            icon={() => <img src={Payment} alt="payment" width="24" height="24" />}
+            icon={() => <img src={Payment} alt="" width="24" height="24" />}
             title={localize('Payment methods')}
             onClick={onClick}
             to="/payment-methods/"
         />
         <CardLink
-            icon={() => <img src={Signals} alt="signals" width="24" height="24" />}
+            icon={() => <img src={Signals} alt="" width="24" height="24" />}
             title={localize('DMT5 Signals')}
             onClick={onClick}
             to="/dmt5-trading-signals/#signal-subscriber/"
         />
         <CardLink
-            icon={() => <img src={Blog} alt="blog" width="24" height="24" />}
+            icon={() => <img src={Blog} alt="" width="24" height="24" />}
             title={localize('Blog')}
             onClick={onClick}
             to=""
diff --git a/src/components/elements/off-canvas-menu.js b/src/components/elements/off-canvas-menu.js
index 2e976d912f0..fcb743d430e 100644
--- a/src/components/elements/off-canvas-menu.js
+++ b/src/components/elements/off-canvas-menu.js
@@ -262,14 +262,7 @@ export const OffCanvasMenuWrapper = (props) => {
                         <Flex mb="2rem">
                             <NavCard
                                 aria_label="SmartTrader"
-                                icon={() => (
-                                    <img
-                                        src={Smarttrader}
-                                        alt="Smarttrader"
-                                        width="32"
-                                        height="32"
-                                    />
-                                )}
+                                icon={() => <img src={Smarttrader} alt="" width="32" height="32" />}
                                 content={
                                     <Localize translate_text="Trade the world’s markets with our popular user-friendly platform." />
                                 }
@@ -303,7 +296,7 @@ export const OffCanvasMenuWrapper = (props) => {
                         <Flex mb="3.2rem">
                             <NavCard
                                 aria_label="Forex"
-                                icon={() => <img src={Forex} alt="Forex" width="32" height="32" />}
+                                icon={() => <img src={Forex} alt="" width="32" height="32" />}
                                 content={localize(
                                     'Trade the world’s largest financial market with popular forex pairs.',
                                 )}
@@ -317,12 +310,7 @@ export const OffCanvasMenuWrapper = (props) => {
                                 <NavCard
                                     aria_label="Synthetic indices"
                                     icon={() => (
-                                        <img
-                                            src={SyntheticIndices}
-                                            alt="SyntheticIndices"
-                                            width="32"
-                                            height="32"
-                                        />
+                                        <img src={SyntheticIndices} alt="" width="32" height="32" />
                                     )}
                                     content={localize(
                                         'Enjoy synthetic markets that emulate real-world market movements.',
@@ -337,12 +325,7 @@ export const OffCanvasMenuWrapper = (props) => {
                             <NavCard
                                 aria_label="Stocks & indices"
                                 icon={() => (
-                                    <img
-                                        src={StockIndices}
-                                        alt="StockIndices"
-                                        width="32"
-                                        height="32"
-                                    />
+                                    <img src={StockIndices} alt="" width="32" height="32" />
                                 )}
                                 content={localize(
                                     'Predict broader market trends and diversify your risk with stock indices.',
@@ -356,12 +339,7 @@ export const OffCanvasMenuWrapper = (props) => {
                             <NavCard
                                 aria_label="Cryptocurrencies"
                                 icon={() => (
-                                    <img
-                                        src={Cryptocurrencies}
-                                        alt="Cryptocurrencies"
-                                        width="32"
-                                        height="32"
-                                    />
+                                    <img src={Cryptocurrencies} alt="" width="32" height="32" />
                                 )}
                                 content={localize(
                                     'Trade with leverage on the price movement of popular crypto-fiat pairs.',
@@ -374,14 +352,7 @@ export const OffCanvasMenuWrapper = (props) => {
                         <Flex>
                             <NavCard
                                 aria_label="Commodities"
-                                icon={() => (
-                                    <img
-                                        src={Commodities}
-                                        alt="Commodities"
-                                        width="32"
-                                        height="32"
-                                    />
-                                )}
+                                icon={() => <img src={Commodities} alt="" width="32" height="32" />}
                                 content={localize(
                                     "Trade natural resources that are central to the world's economy.",
                                 )}
@@ -398,41 +369,41 @@ export const OffCanvasMenuWrapper = (props) => {
                     >
                         <StyledLink to="/story/" onClick={handleArrowClick}>
                             <div>
-                                <img src={Story} alt="story" width="24" height="24" />
+                                <img src={Story} alt="" width="24" height="24" />
                             </div>
                             <span>{localize('Our story')}</span>
                         </StyledLink>
                         <StyledLink to="/leadership/" onClick={handleArrowClick}>
                             <div>
-                                <img src={Leadership} alt="leadership" width="24" height="24" />
+                                <img src={Leadership} alt="" width="24" height="24" />
                             </div>
                             <span>{localize('Our leadership')}</span>
                         </StyledLink>
                         <StyledLink to="/partners/" onClick={handleArrowClick}>
                             <div>
-                                <img src={Partner} alt="partner" width="24" height="24" />
+                                <img src={Partner} alt="" width="24" height="24" />
                             </div>
                             <span>{localize('Partnership programmes')}</span>
                         </StyledLink>
                         <StyledLink to="/why-choose-us/" onClick={handleArrowClick}>
                             <div>
-                                <img src={Choose} alt="choose" width="24" height="24" />
+                                <img src={Choose} alt="" width="24" height="24" />
                             </div>
                             <span>{localize('Why choose us?')}</span>
                         </StyledLink>
                         <StyledLink to="/contact_us/" onClick={handleArrowClick}>
                             <div>
-                                <img src={Contact} alt="contact" width="24" height="24" />
+                                <img src={Contact} alt="" width="24" height="24" />
                             </div>
                             <span>{localize('Contact us')}</span>
                         </StyledLink>
                         <StyledLink to="/careers/" onClick={handleArrowClick}>
                             <div>
-                                <img src={Career} alt="career" width="24" height="24" />
+                                <img src={Career} alt="" width="24" height="24" />
                             </div>
                             <Span>{localize('Careers')}</Span>
                             <SpanSvg>
-                                <img src={Diagonal} alt="diagonal" width="16" height="16" />
+                                <img src={Diagonal} alt="" width="16" height="16" />
                             </SpanSvg>
                         </StyledLink>
                     </AccordionItem>
@@ -443,7 +414,7 @@ export const OffCanvasMenuWrapper = (props) => {
                     >
                         <StyledLink to="/help-centre/" onClick={handleArrowClick}>
                             <div>
-                                <img src={Help} alt="help" width="24" height="24" />
+                                <img src={Help} alt="" width="24" height="24" />
                             </div>
                             <span>{localize('Help centre')}</span>
                         </StyledLink>
@@ -456,22 +427,22 @@ export const OffCanvasMenuWrapper = (props) => {
                             onClick={handleArrowClick}
                         >
                             <div>
-                                <img src={Community} alt="community" width="24" height="24" />
+                                <img src={Community} alt="" width="24" height="24" />
                             </div>
                             <Span>{localize('Community')}</Span>
                             <SpanSvg>
-                                <img src={Diagonal} alt="diagonal" width="16" height="16" />
+                                <img src={Diagonal} alt="" width="16" height="16" />
                             </SpanSvg>
                         </StyledLink>
                         <StyledLink to="/trader-tools/" onClick={handleArrowClick}>
                             <div>
-                                <img src={Trade} alt="trader tools" width="24" height="24" />
+                                <img src={Trade} alt="" width="24" height="24" />
                             </div>
                             <span>{localize('Traders’ tools')}</span>
                         </StyledLink>
                         <StyledLink to="/payment-methods/" onClick={handleArrowClick}>
                             <div>
-                                <img src={Payment} alt="payment methods" width="24" height="24" />
+                                <img src={Payment} alt="" width="24" height="24" />
                             </div>
                             <span>{localize('Payment methods')}</span>
                         </StyledLink>
@@ -481,7 +452,7 @@ export const OffCanvasMenuWrapper = (props) => {
                         >
                             <div>
                                 <SvgWrapper>
-                                    <img src={Signals} alt="signals" width="24" height="24" />
+                                    <img src={Signals} alt="" width="24" height="24" />
                                 </SvgWrapper>
                             </div>
                             <span>{localize('DMT5 Signals')}</span>
@@ -494,11 +465,11 @@ export const OffCanvasMenuWrapper = (props) => {
                             onClick={handleArrowClick}
                         >
                             <div>
-                                <img src={Status} alt="status" width="24" height="24" />
+                                <img src={Status} alt="" width="24" height="24" />
                             </div>
                             <Span>{localize('Status page')}</Span>
                             <SpanSvg>
-                                <img src={Diagonal} alt="diagonal" width="16" height="16" />
+                                <img src={Diagonal} alt="" width="16" height="16" />
                             </SpanSvg>
                         </StyledLink>
                         <StyledLink
@@ -510,11 +481,11 @@ export const OffCanvasMenuWrapper = (props) => {
                             onClick={handleArrowClick}
                         >
                             <div>
-                                <img src={Blog} alt="blog" width="24" height="24" />
+                                <img src={Blog} alt="" width="24" height="24" />
                             </div>
                             <Span>{localize('Blog')}</Span>
                             <SpanSvg>
-                                <img src={Diagonal} alt="diagonal" width="16" height="16" />
+                                <img src={Diagonal} alt="" width="16" height="16" />
                             </SpanSvg>
                         </StyledLink>
                     </AccordionItem>
@@ -525,7 +496,7 @@ export const OffCanvasMenuWrapper = (props) => {
                     >
                         <StyledLink to="/regulatory/" onClick={handleArrowClick}>
                             <div>
-                                <img src={Regulatory} alt="regulatory" width="24" height="24" />
+                                <img src={Regulatory} alt="" width="24" height="24" />
                             </div>
                             <span>{localize('Regulatory information')}</span>
                         </StyledLink>
diff --git a/src/pages/home/_markets.js b/src/pages/home/_markets.js
index e7c5f6e4647..d55a1e8b763 100644
--- a/src/pages/home/_markets.js
+++ b/src/pages/home/_markets.js
@@ -81,7 +81,7 @@ const Markets = ({ is_ppc }) => (
             </Header>
             <MarketWrapper wrap="wrap">
                 <MarketCard mr="2.4rem" mb="4rem">
-                    <img src={ForexIcon} alt="forex" width="64" height="64" />
+                    <img src={ForexIcon} alt="" width="64" height="64" />
                     <div>
                         <Header as="h4" type="sub-section-title">
                             {localize('Forex')}
@@ -98,7 +98,7 @@ const Markets = ({ is_ppc }) => (
                     </div>
                 </MarketCard>
                 <MarketCard mb="4rem">
-                    <img src={StockIcon} alt="stock" width="64" height="64" />
+                    <img src={StockIcon} alt="" width="64" height="64" />
                     <div>
                         <Header as="h4" type="sub-section-title">
                             {localize('Stocks & indices')}
@@ -116,7 +116,7 @@ const Markets = ({ is_ppc }) => (
                 </MarketCard>
                 {!is_ppc && (
                     <MarketCard mr="2.4rem">
-                        <img src={SyntheticIndicesIcon} alt="synthetic" width="64" height="64" />
+                        <img src={SyntheticIndicesIcon} alt="" width="64" height="64" />
                         <div>
                             <Header as="h4" type="sub-section-title">
                                 {localize('Synthetic indices')}
@@ -136,7 +136,7 @@ const Markets = ({ is_ppc }) => (
                     </MarketCard>
                 )}
                 <MarketCard>
-                    <img src={CommoditiesIcon} alt="commodities" width="64" height="64" />
+                    <img src={CommoditiesIcon} alt="" width="64" height="64" />
                     <div>
                         <Header as="h4" type="sub-section-title">
                             {localize('Commodities')}
diff --git a/src/pages/home/_trade-types-mobile.js b/src/pages/home/_trade-types-mobile.js
index 612be30ca6c..830dac00701 100644
--- a/src/pages/home/_trade-types-mobile.js
+++ b/src/pages/home/_trade-types-mobile.js
@@ -88,7 +88,7 @@ TradeTypeSlide.propTypes = {
 
 const TradeTypesMobile = () => {
     const margin = {
-        icon: <img src={MarginLogo} alt="margin" width="48" height="49" />,
+        icon: <img src={MarginLogo} alt="" width="48" height="49" />,
         title: <Localize translate_text="Margin trading" />,
         description: (
             <Localize translate_text="Trade with leverage and low spreads for better returns on successful trades." />
@@ -97,7 +97,7 @@ const TradeTypesMobile = () => {
         linkTitle: localize('Margin'),
     }
     const options = {
-        icon: <img src={OptionsLogo} alt="options" width="48" height="49" />,
+        icon: <img src={OptionsLogo} alt="" width="48" height="49" />,
         title: <Localize translate_text="Options" />,
         description: (
             <Localize translate_text="Earn fixed payouts by predicting an asset's price movement within a fixed time." />
@@ -106,7 +106,7 @@ const TradeTypesMobile = () => {
         linkTitle: localize('Options'),
     }
     const multipliers = {
-        icon: <img src={MultipliersLogo} alt="multipliers" width="48" height="49" />,
+        icon: <img src={MultipliersLogo} alt="" width="48" height="49" />,
         title: <Localize translate_text="Multipliers" />,
         description: (
             <Localize translate_text="Get the best of both - the upside of margin trading with the simplicity of options." />
diff --git a/src/pages/home/_trade-types.js b/src/pages/home/_trade-types.js
index ca769bcaa94..a6b3d4d2d43 100644
--- a/src/pages/home/_trade-types.js
+++ b/src/pages/home/_trade-types.js
@@ -27,9 +27,8 @@ const StyledContainer = styled(Container)`
 `
 
 const TradeTypes = () => {
-    
     const margin = {
-        icon: <img src={MarginLogo} alt="margin" width="48" height="49" />,
+        icon: <img src={MarginLogo} alt="" width="48" height="49" />,
         title: <Localize translate_text="Margin trading" />,
         description: (
             <Localize translate_text="Trade with leverage and low spreads for better returns on successful trades." />
@@ -38,7 +37,7 @@ const TradeTypes = () => {
         linkTitle: localize('Margin'),
     }
     const options = {
-        icon: <img src={OptionsLogo} alt="options" width="48" height="49" />,
+        icon: <img src={OptionsLogo} alt="" width="48" height="49" />,
         title: <Localize translate_text="Options" />,
         description: (
             <Localize translate_text="Earn fixed payouts by predicting an asset's price movement within a fixed time." />
@@ -47,7 +46,7 @@ const TradeTypes = () => {
         linkTitle: localize('Options'),
     }
     const multipliers = {
-        icon: <img src={MultipliersLogo} alt="multipliers" width="48" height="49" />,
+        icon: <img src={MultipliersLogo} alt="" width="48" height="49" />,
         title: <Localize translate_text="Multipliers" />,
         description: (
             <Localize translate_text="Get the best of both - the upside of margin trading with the simplicity of options." />
@@ -55,9 +54,9 @@ const TradeTypes = () => {
         link: '/trade-types/multiplier/',
         linkTitle: localize('Multiplier'),
     }
-    
+
     const { is_eu_country } = React.useContext(DerivStore)
-    
+
     const trade_types = is_eu_country ? [margin, multipliers] : [margin, options, multipliers]
 
     return (
@@ -68,7 +67,9 @@ const TradeTypes = () => {
                         {localize('Trade types')}
                     </Header>
                     <Text size="2.4rem" mt="1.6rem" mb="5rem">
-                        {localize('Explore different trade types to trade on your preferred market.')}
+                        {localize(
+                            'Explore different trade types to trade on your preferred market.',
+                        )}
                     </Text>
                     <TradingButton type="submit" secondary="true" to="/signup/">
                         {localize('Start trading')}
diff --git a/src/pages/index.js b/src/pages/index.js
index 5e56bc73f23..d674976f2b6 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -26,21 +26,21 @@ const simple_step_content = [
         text: (
             <Localize translate_text="Open a demo account and start trading for free. Practise with an unlimited amount of virtual funds." />
         ),
-        icon: <img src={PractiseIcon} alt="aim" width="32" height="32" />,
+        icon: <img src={PractiseIcon} alt="" width="32" height="32" />,
     },
     {
         header: <Localize translate_text="Trade" />,
         text: (
             <Localize translate_text="Open a real account, make a deposit, and start trading for real. Trade forex, indices, commodities, and more." />
         ),
-        icon: <img src={TradeIcon} alt="trade" width="32" height="28" />,
+        icon: <img src={TradeIcon} alt="" width="32" height="28" />,
     },
     {
         header: <Localize translate_text="Withdraw" />,
         text: (
             <Localize translate_text="Get your funds quickly and easily. We support a variety of withdrawal options." />
         ),
-        icon: <img src={WithdrawIcon} alt="withdraw" width="32" height="32" />,
+        icon: <img src={WithdrawIcon} alt="" width="32" height="32" />,
     },
 ]