From 4635ae3b82ae178aeaa205864325fba2e4e85c02 Mon Sep 17 00:00:00 2001
From: Linda <lifaythegoblin@googlemail.com>
Date: Thu, 23 Aug 2018 10:38:49 -0400
Subject: [PATCH] added alt tags to wedo page

---
 src/l10n.json             |  2 ++
 src/views/ev3/ev3.jsx     |  2 +-
 src/views/wedo2/l10n.json |  5 ++++-
 src/views/wedo2/wedo2.jsx | 45 ++++++++++++++++++++++++++++++++-------
 4 files changed, 44 insertions(+), 10 deletions(-)

diff --git a/src/l10n.json b/src/l10n.json
index a399ad6b2..13e327d37 100644
--- a/src/l10n.json
+++ b/src/l10n.json
@@ -106,6 +106,8 @@
     "navigation.signOut": "Sign out",
 
     "extensionHeader.requirements": "Requirements",
+    "extensionInstallation.addExtension": "In the editor, click on the \"Add Extensions\" button on the lower left.",
+
 
     "oschooser.choose": "Choose your OS:",
 
diff --git a/src/views/ev3/ev3.jsx b/src/views/ev3/ev3.jsx
index 8cc13d7a4..5f6656e22 100644
--- a/src/views/ev3/ev3.jsx
+++ b/src/views/ev3/ev3.jsx
@@ -132,7 +132,7 @@ class EV3 extends ExtensionLanding {
                             <Step number={3}>
                                 <div className="step-image">
                                     <img
-                                        alt={this.props.intl.formatMessage({id: 'ev3.imgAltAddExtension'})}
+                                        alt={this.props.intl.formatMessage({id: 'extensionInstallation.addExtension'})}
                                         className="screenshot"
                                         src="/images/ev3/ev3-connect-3.png"
                                     />
diff --git a/src/views/wedo2/l10n.json b/src/views/wedo2/l10n.json
index ca3b8b5c7..6697cd543 100644
--- a/src/views/wedo2/l10n.json
+++ b/src/views/wedo2/l10n.json
@@ -23,5 +23,8 @@
     "wedo2.otherComputerConnectedText": "Only one computer can be connected to an WeDo 2.0 at a time. If you have another computer connected to your WeDo 2.0, disconnect the WeDo 2.0 or close Scratch on that computer and try again.",
     "wedo2.legacyInfoTitle": "Using Scratch 2.0?",
     "wedo2.legacyInfoText": "Visit our page about {wedoLegacyLink}.",
-    "wedo2.legacyLinkText": "using LEGO WeDo with Scratch 2.0"
+    "wedo2.legacyLinkText": "using LEGO WeDo with Scratch 2.0",
+    "wedo2.imgAltStarter1": "An example project with a dog and a taco.",
+    "wedo2.imgAltStarter2": "An example project with a toad playing instruments in space.",
+    "wedo2.imgAltStarter3": "An example project with dinosaurs."
   }
diff --git a/src/views/wedo2/wedo2.jsx b/src/views/wedo2/wedo2.jsx
index 3b583e2f3..3a9cd146c 100644
--- a/src/views/wedo2/wedo2.jsx
+++ b/src/views/wedo2/wedo2.jsx
@@ -28,9 +28,15 @@ class Wedo2 extends ExtensionLanding {
     render () {
         return (
             <div className="extension-landing wedo2">
-                <ExtensionHeader imageSrc="/images/wedo2/wedo2-illustration.png">
+                <ExtensionHeader
+                    imageAlt={this.props.intl.formatMessage({id: 'wedo2.imgAltWeDoillustration'})}
+                    imageSrc="/images/wedo2/wedo2-illustration.png"
+                >
                     <FlexRow className="column extension-copy">
-                        <h2><img src="/images/wedo2/wedo2.svg" />LEGO WeDo 2.0</h2>
+                        <h1><img
+                            alt=""
+                            src="/images/wedo2/wedo2.svg"
+                        />LEGO WeDo 2.0</h1>
                         <FormattedMessage
                             id="wedo2.headerText"
                             values={{
@@ -48,19 +54,31 @@ class Wedo2 extends ExtensionLanding {
                     </FlexRow>
                     <ExtensionRequirements>
                         <span>
-                            <img src="/svgs/extensions/windows.svg" />
+                            <img
+                                alt=""
+                                src="/svgs/extensions/windows.svg"
+                            />
                                         Windows 10+
                         </span>
                         <span>
-                            <img src="/svgs/extensions/mac.svg" />
+                            <img
+                                alt=""
+                                src="/svgs/extensions/mac.svg"
+                            />
                                         macOS 10.13+
                         </span>
                         <span>
-                            <img src="/svgs/extensions/bluetooth.svg" />
+                            <img
+                                alt=""
+                                src="/svgs/extensions/bluetooth.svg"
+                            />
                                         Bluetooth
                         </span>
                         <span>
-                            <img src="/svgs/extensions/scratch-link.svg" />
+                            <img
+                                alt=""
+                                src="/svgs/extensions/scratch-link.svg"
+                            />
                                         Scratch Link
                         </span>
                     </ExtensionRequirements>
@@ -80,6 +98,7 @@ class Wedo2 extends ExtensionLanding {
                             <Step number={1}>
                                 <div className="step-image">
                                     <img
+                                        alt=""
                                         className="screenshot"
                                         src="/images/wedo2/wedo2-connect-1.png"
                                     />
@@ -104,6 +123,7 @@ class Wedo2 extends ExtensionLanding {
                             <Step number={2}>
                                 <div className="step-image">
                                     <img
+                                        alt={this.props.intl.formatMessage({id: 'extensionInstallation.addExtension'})}
                                         className="screenshot"
                                         src="/images/wedo2/wedo2-connect-2.png"
                                     />
@@ -125,7 +145,10 @@ class Wedo2 extends ExtensionLanding {
                                 <FormattedMessage id="wedo2.plugMotorIn" />
                             </span>
                             <div className="step-image">
-                                <img src="/images/wedo2/wedo2-motor.png" />
+                                <img
+                                    alt=""
+                                    src="/images/wedo2/wedo2-motor.png"
+                                />
                             </div>
                         </Step>
                         <Step
@@ -143,7 +166,10 @@ class Wedo2 extends ExtensionLanding {
                                 />
                             </span>
                             <div className="step-image">
-                                <img src="/images/wedo2/wedo2-motor-turn-block.png" />
+                                <img
+                                    alt=""
+                                    src="/images/wedo2/wedo2-motor-turn-block.png"
+                                />
                             </div>
                         </Step>
                     </Steps>
@@ -153,18 +179,21 @@ class Wedo2 extends ExtensionLanding {
                         <ProjectCard
                             cardUrl="https://beta.scratch.mit.edu/#239284992"
                             description={this.props.intl.formatMessage({id: 'wedo2.starter1Description'})}
+                            imageAlt={this.props.intl.formatMessage({id: 'wedo2.imgAltStarter1'})}
                             imageSrc="/images/wedo2/wedo2-starter1.png"
                             title={this.props.intl.formatMessage({id: 'wedo2.starter1Title'})}
                         />
                         <ProjectCard
                             cardUrl="https://beta.scratch.mit.edu/#239284997"
                             description={this.props.intl.formatMessage({id: 'wedo2.starter2Description'})}
+                            imageAlt={this.props.intl.formatMessage({id: 'wedo2.imgAltStarter2'})}
                             imageSrc="/images/wedo2/wedo2-starter2.png"
                             title={this.props.intl.formatMessage({id: 'wedo2.starter2Title'})}
                         />
                         <ProjectCard
                             cardUrl="https://beta.scratch.mit.edu/#239285001"
                             description={this.props.intl.formatMessage({id: 'wedo2.starter3Description'})}
+                            imageAlt={this.props.intl.formatMessage({id: 'wedo2.imgAltStarter3'})}
                             imageSrc="/images/wedo2/wedo2-starter3.png"
                             title={this.props.intl.formatMessage({id: 'wedo2.starter3Title'})}
                         />