binary-com · suthesank · Jul 9, 2021 · Jul 2, 2021 · Jul 9, 2021
@@ -131,7 +131,9 @@ const DTrading = ({ trading, reverse, two_title }) => {
                     return (
                         <Row flex_direction={!is_even ? 'row' : 'row-reverse'} key={index}>
                             <Content margin_right={!is_even ? '2.4rem' : '0'}>
-                                <StyledHeader type="page-title">{item.title}</StyledHeader>
+                                <StyledHeader type="page-title" as="h2">
+                                    {item.title}
+                                </StyledHeader>
                                 <Text>{item.subtitle}</Text>
                                 {two_title && (
                                     <>

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useCallback } from 'react'
-import { Localize } from 'components/localization'
+import { Localize, localize } from 'components/localization'
 import DHero from 'components/custom/_dhero-2'
 import { size } from 'themes/device'
 import DerivXBG from 'images/svg/deriv-x/triangle-up.svg'
@@ -33,7 +33,7 @@ const Hero = () => {
             is_mobile={is_mobile}
             background_svg={DerivXBG2}
             background_svg2={DerivXBG}
-            background_alt={<Localize translate_text="DerivX" />}
+            background_alt={localize('Deriv X online trading platform')}
             d_height="56.7rem"
             laptopM_height="49.9rem"
             laptop_height="53.8rem"

@@ -62,19 +62,19 @@ const demo = [
             <Localize translate_text="Sign in to your Deriv account. If you don’t have one, sign up for free." />
         ),
         image_data: 'demo_step1',
-        image_alt: 'demo_step1',
+        image_alt: localize('Deriv X demo account signup page'),
     },
     {
         description: <Localize translate_text="Add a Deriv X demo account." />,
         image_data: 'demo_step2',
-        image_alt: 'demo_step2',
+        image_alt: localize('Deriv X dashboard showing demo account comparison'),
     },
     {
         description: (
             <Localize translate_text="Start trading on the mobile app or through your web browser." />
         ),
         image_data: 'demo_step3',
-        image_alt: 'demo_step3',
+        image_alt: localize('Deriv X trading dashboard'),
     },
 ]
 

@@ -24,7 +24,7 @@ const WhatIsDeriv = () => {
         <StyledSectionContainer>
             <Container>
                 <Flex width="792px" fd="column" ai="center" jc="center">
-                    <StyledHeader type="page-title" align="center">
+                    <StyledHeader type="page-title" align="center" as="h2">
                         <Localize translate_text="What is Deriv X" />
                     </StyledHeader>
                     <Text size="16px" align="center" mt="12px">

@@ -47,31 +47,31 @@ const trading = [
             <Localize translate_text="Easily customise your trading environment. Drag and drop widgets, create your own layouts, and get the info you need, when you need it." />
         ),
         image_name: 'bespoke',
-        image_alt: 'Bespoke trading experience',
+        image_alt: localize('Deriv X widgets to customise your CFD trading'),
     },
     {
         title: <Localize translate_text="Intuitive tools" />,
         subtitle: (
             <Localize translate_text="Keep track of your progress with the dashboard, learn from historical trades with the journal, and create custom watchlists for your favourite assets." />
         ),
         image_name: 'intuitive',
-        image_alt: 'Intuitive tools',
+        image_alt: localize('Deriv X dashboard with tools to track your online trading'),
     },
     {
         title: <Localize translate_text="Know your margin" />,
         subtitle: (
             <Localize translate_text="You'll always be informed of the margin impact on your account before every trade." />
         ),
         image_name: 'margin',
-        image_alt: 'Know your margin',
+        image_alt: localize('Know the margin impact on your CFD trading'),
     },
     {
         title: <Localize translate_text="Feature-rich charts" />,
         subtitle: (
             <Localize translate_text="Enjoy multiple chart views, 90+ indicators, and 13 drawing tools." />
         ),
         image_name: 'feature_rich',
-        image_alt: 'Feature-rich charts',
+        image_alt: localize('Multiple charts to view your online trading'),
     },
 ]
 
@@ -107,7 +107,7 @@ const WhyTradeDerivX = () => {
         <div>
             <SectionContainer>
                 <Container fd="column">
-                    <StyledHeader type="page-title" align="center">
+                    <StyledHeader type="page-title" align="center" as="h2">
                         {localize('Why trade with Deriv X')}
                     </StyledHeader>
                     <Flex tablet_direction="column" tablet_ai="center" mt="40px">
@@ -122,6 +122,7 @@ const WhyTradeDerivX = () => {
                                         type="sub-section-title"
                                         mt="7px"
                                         mb="8px"
+                                        as="h3"
                                     >
                                         {index.title}
                                     </Header>

@@ -9,7 +9,7 @@ import StartDerivX from './_start-derivx'
 import Accounts from './_accounts'
 import { SEO } from 'components/containers'
 import Layout from 'components/layout/layout'
-import { WithIntl, Localize } from 'components/localization'
+import { WithIntl, Localize, localize } from 'components/localization'
 import { size } from 'themes/device'
 import { isBrowser } from 'common/utility'
 import BackgroundPatternDerivX from 'images/svg/deriv-x/derivx-footer.svg'
@@ -40,7 +40,12 @@ const DerivX = () => {
 
     return (
         <Layout>
-            <SEO title="Deriv X | Deriv" />
+            <SEO
+                title={localize('Deriv X - a multi-asset CFD trading platform available on Deriv')}
+                description={localize(
+                    'Deriv X is a fully customisable, easy-to-use online trading platform offering CFDs on forex, commodities cryptocurrencies, and synthetic indices.',
+                )}
+            />
             <Hero />
             <SellingPoints />
             <WhatIsDeriv />