scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-24 13:24:13 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

added alt tags to wedo page

Browse source
This commit is contained in:
Linda 2018-08-23 10:38:49 -04:00
parent 641e9895f6
commit 4635ae3b82
4 changed files with 44 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/l10n.json
View file

@ -106,6 +106,8 @@
"navigation.signOut": "Sign out", "navigation.signOut": "Sign out",
"extensionHeader.requirements": "Requirements", "extensionHeader.requirements": "Requirements",
"extensionInstallation.addExtension": "In the editor, click on the \"Add Extensions\" button on the lower left.",
"oschooser.choose": "Choose your OS:", "oschooser.choose": "Choose your OS:",

2
src/views/ev3/ev3.jsx
View file

@ -132,7 +132,7 @@ class EV3 extends ExtensionLanding {
<Step number={3}> <Step number={3}>
<div className="step-image"> <div className="step-image">
<img <img
alt={this.props.intl.formatMessage({id: 'ev3.imgAltAddExtension'})} alt={this.props.intl.formatMessage({id: 'extensionInstallation.addExtension'})}
className="screenshot" className="screenshot"
src="/images/ev3/ev3-connect-3.png" src="/images/ev3/ev3-connect-3.png"
/> />

5
src/views/wedo2/l10n.json
View file

@ -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.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.legacyInfoTitle": "Using Scratch 2.0?",
"wedo2.legacyInfoText": "Visit our page about {wedoLegacyLink}.", "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."
} }

45
src/views/wedo2/wedo2.jsx
View file

@ -28,9 +28,15 @@ class Wedo2 extends ExtensionLanding {
render () { render () {
return ( return (
<div className="extension-landing wedo2"> <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"> <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 <FormattedMessage
id="wedo2.headerText" id="wedo2.headerText"
values={{ values={{
@ -48,19 +54,31 @@ class Wedo2 extends ExtensionLanding {
</FlexRow> </FlexRow>
<ExtensionRequirements> <ExtensionRequirements>
<span> <span>
<img src="/svgs/extensions/windows.svg" /> <img
alt=""
src="/svgs/extensions/windows.svg"
/>
Windows 10+ Windows 10+
</span> </span>
<span> <span>
<img src="/svgs/extensions/mac.svg" /> <img
alt=""
src="/svgs/extensions/mac.svg"
/>
macOS 10.13+ macOS 10.13+
</span> </span>
<span> <span>
<img src="/svgs/extensions/bluetooth.svg" /> <img
alt=""
src="/svgs/extensions/bluetooth.svg"
/>
Bluetooth Bluetooth
</span> </span>
<span> <span>
<img src="/svgs/extensions/scratch-link.svg" /> <img
alt=""
src="/svgs/extensions/scratch-link.svg"
/>
Scratch Link Scratch Link
</span> </span>
</ExtensionRequirements> </ExtensionRequirements>
@ -80,6 +98,7 @@ class Wedo2 extends ExtensionLanding {
<Step number={1}> <Step number={1}>
<div className="step-image"> <div className="step-image">
<img <img
alt=""
className="screenshot" className="screenshot"
src="/images/wedo2/wedo2-connect-1.png" src="/images/wedo2/wedo2-connect-1.png"
/> />
@ -104,6 +123,7 @@ class Wedo2 extends ExtensionLanding {
<Step number={2}> <Step number={2}>
<div className="step-image"> <div className="step-image">
<img <img
alt={this.props.intl.formatMessage({id: 'extensionInstallation.addExtension'})}
className="screenshot" className="screenshot"
src="/images/wedo2/wedo2-connect-2.png" src="/images/wedo2/wedo2-connect-2.png"
/> />
@ -125,7 +145,10 @@ class Wedo2 extends ExtensionLanding {
<FormattedMessage id="wedo2.plugMotorIn" /> <FormattedMessage id="wedo2.plugMotorIn" />
</span> </span>
<div className="step-image"> <div className="step-image">
<img src="/images/wedo2/wedo2-motor.png" /> <img
alt=""
src="/images/wedo2/wedo2-motor.png"
/>
</div> </div>
</Step> </Step>
<Step <Step
@ -143,7 +166,10 @@ class Wedo2 extends ExtensionLanding {
/> />
</span> </span>
<div className="step-image"> <div className="step-image">
<img src="/images/wedo2/wedo2-motor-turn-block.png" /> <img
alt=""
src="/images/wedo2/wedo2-motor-turn-block.png"
/>
</div> </div>
</Step> </Step>
</Steps> </Steps>
@ -153,18 +179,21 @@ class Wedo2 extends ExtensionLanding {
<ProjectCard <ProjectCard
cardUrl="https://beta.scratch.mit.edu/#239284992" cardUrl="https://beta.scratch.mit.edu/#239284992"
description={this.props.intl.formatMessage({id: 'wedo2.starter1Description'})} description={this.props.intl.formatMessage({id: 'wedo2.starter1Description'})}
imageAlt={this.props.intl.formatMessage({id: 'wedo2.imgAltStarter1'})}
imageSrc="/images/wedo2/wedo2-starter1.png" imageSrc="/images/wedo2/wedo2-starter1.png"
title={this.props.intl.formatMessage({id: 'wedo2.starter1Title'})} title={this.props.intl.formatMessage({id: 'wedo2.starter1Title'})}
/> />
<ProjectCard <ProjectCard
cardUrl="https://beta.scratch.mit.edu/#239284997" cardUrl="https://beta.scratch.mit.edu/#239284997"
description={this.props.intl.formatMessage({id: 'wedo2.starter2Description'})} description={this.props.intl.formatMessage({id: 'wedo2.starter2Description'})}
imageAlt={this.props.intl.formatMessage({id: 'wedo2.imgAltStarter2'})}
imageSrc="/images/wedo2/wedo2-starter2.png" imageSrc="/images/wedo2/wedo2-starter2.png"
title={this.props.intl.formatMessage({id: 'wedo2.starter2Title'})} title={this.props.intl.formatMessage({id: 'wedo2.starter2Title'})}
/> />
<ProjectCard <ProjectCard
cardUrl="https://beta.scratch.mit.edu/#239285001" cardUrl="https://beta.scratch.mit.edu/#239285001"
description={this.props.intl.formatMessage({id: 'wedo2.starter3Description'})} description={this.props.intl.formatMessage({id: 'wedo2.starter3Description'})}
imageAlt={this.props.intl.formatMessage({id: 'wedo2.imgAltStarter3'})}
imageSrc="/images/wedo2/wedo2-starter3.png" imageSrc="/images/wedo2/wedo2-starter3.png"
title={this.props.intl.formatMessage({id: 'wedo2.starter3Title'})} title={this.props.intl.formatMessage({id: 'wedo2.starter3Title'})}
/> />