add alt tags to remaining images and correct some

This commit is contained in:
Linda 2018-08-22 10:21:28 -04:00
parent 83553c3bc2
commit c26dc79b8d
3 changed files with 40 additions and 12 deletions

View file

@ -35,7 +35,10 @@ const InstallScratchLink = ({
<FormattedMessage id="installScratchLink.windowsDownload" /> : <FormattedMessage id="installScratchLink.windowsDownload" /> :
<FormattedMessage id="installScratchLink.macosDownload" /> <FormattedMessage id="installScratchLink.macosDownload" />
} }
<img src="/svgs/extensions/download-white.svg" /> <img
alt=""
src="/svgs/extensions/download-white.svg"
/>
</button> </button>
</a> </a>
</Step> </Step>
@ -50,6 +53,7 @@ const InstallScratchLink = ({
</span> </span>
<div className="step-image"> <div className="step-image">
<img <img
alt=""
className="screenshot" className="screenshot"
src={`/images/scratchlink/${ src={`/images/scratchlink/${
currentOS === OS_ENUM.WINDOWS ? 'windows' : 'mac' currentOS === OS_ENUM.WINDOWS ? 'windows' : 'mac'

View file

@ -36,7 +36,10 @@ class EV3 extends ExtensionLanding {
imageSrc="/images/ev3/ev3-illustration.png" imageSrc="/images/ev3/ev3-illustration.png"
> >
<FlexRow className="column extension-copy"> <FlexRow className="column extension-copy">
<h2><img src="/images/ev3/ev3.svg" />LEGO MINDSTORMS EV3</h2> <h2><img
alt=""
src="/images/ev3/ev3.svg"
/>LEGO MINDSTORMS EV3</h2>
<FormattedMessage <FormattedMessage
id="ev3.headerText" id="ev3.headerText"
values={{ values={{
@ -54,11 +57,17 @@ class EV3 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>
@ -66,7 +75,10 @@ class EV3 extends ExtensionLanding {
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>
@ -85,13 +97,19 @@ class EV3 extends ExtensionLanding {
<Steps> <Steps>
<Step number={1}> <Step number={1}>
<div className="step-image"> <div className="step-image">
<img src="/images/ev3/ev3-connect-1.png" /> <img
alt=""
src="/images/ev3/ev3-connect-1.png"
/>
</div> </div>
<p><FormattedMessage id="ev3.turnOnEV3" /></p> <p><FormattedMessage id="ev3.turnOnEV3" /></p>
</Step> </Step>
<Step number={2}> <Step number={2}>
<div className="step-image"> <div className="step-image">
<img src="/images/ev3/ev3-connect-2.png" /> <img
alt=""
src="/images/ev3/ev3-connect-2.png"
/>
</div> </div>
<p> <p>
<FormattedMessage <FormattedMessage
@ -112,7 +130,10 @@ class EV3 extends ExtensionLanding {
</Step> </Step>
<Step number={3}> <Step number={3}>
<div className="step-image"> <div className="step-image">
<img src="/images/ev3/ev3-connect-3.png" /> <img
alt={this.props.intl.formatMessage({id: 'ev3.imgAltAddExtension'})}
src="/images/ev3/ev3-connect-3.png"
/>
</div> </div>
<p><FormattedMessage id="ev3.addExtension" /></p> <p><FormattedMessage id="ev3.addExtension" /></p>
</Step> </Step>
@ -205,7 +226,10 @@ class EV3 extends ExtensionLanding {
/> />
</span> </span>
<div className="step-image"> <div className="step-image">
<img src="/images/ev3/motor-turn-block.png" /> <img
alt=""
src="/images/ev3/motor-turn-block.png"
/>
</div> </div>
</Step> </Step>
</Steps> </Steps>

View file

@ -42,7 +42,7 @@
"ev3.imgAltWaitForWindows": "Windows notifies you when EV3 is ready.", "ev3.imgAltWaitForWindows": "Windows notifies you when EV3 is ready.",
"ev3.imgAltEnterPasscodeMac": "Enter the passcode into the connection request window opening on your Mac.", "ev3.imgAltEnterPasscodeMac": "Enter the passcode into the connection request window opening on your Mac.",
"ev3.imgAltPlugInMotor": "Port A is not to be confused with Port 4 on the other side of the EV3.", "ev3.imgAltPlugInMotor": "Port A is not to be confused with Port 4 on the other side of the EV3.",
"ev3.imgAltWaveHello": "A fairy", "ev3.imgAltWaveHello": "Example of a Scratch project with a waving fairy.",
"ev3.imgAltDistanceInstrument": "A guitar on stage", "ev3.imgAltDistanceInstrument": "Example of a Scratch project with a guitar.",
"ev3.imgAltSpaceTacos": "A cat and a taco in space" "ev3.imgAltSpaceTacos": "Example of a Scratch project with Scratch Cat and a taco in space."
} }