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

View file

@ -36,7 +36,10 @@ class EV3 extends ExtensionLanding {
imageSrc="/images/ev3/ev3-illustration.png"
>
<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
id="ev3.headerText"
values={{
@ -54,11 +57,17 @@ class EV3 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>
@ -66,7 +75,10 @@ class EV3 extends ExtensionLanding {
Bluetooth
</span>
<span>
<img src="/svgs/extensions/scratch-link.svg" />
<img
alt=""
src="/svgs/extensions/scratch-link.svg"
/>
Scratch Link
</span>
</ExtensionRequirements>
@ -85,13 +97,19 @@ class EV3 extends ExtensionLanding {
<Steps>
<Step number={1}>
<div className="step-image">
<img src="/images/ev3/ev3-connect-1.png" />
<img
alt=""
src="/images/ev3/ev3-connect-1.png"
/>
</div>
<p><FormattedMessage id="ev3.turnOnEV3" /></p>
</Step>
<Step number={2}>
<div className="step-image">
<img src="/images/ev3/ev3-connect-2.png" />
<img
alt=""
src="/images/ev3/ev3-connect-2.png"
/>
</div>
<p>
<FormattedMessage
@ -112,7 +130,10 @@ class EV3 extends ExtensionLanding {
</Step>
<Step number={3}>
<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>
<p><FormattedMessage id="ev3.addExtension" /></p>
</Step>
@ -205,7 +226,10 @@ class EV3 extends ExtensionLanding {
/>
</span>
<div className="step-image">
<img src="/images/ev3/motor-turn-block.png" />
<img
alt=""
src="/images/ev3/motor-turn-block.png"
/>
</div>
</Step>
</Steps>

View file

@ -42,7 +42,7 @@
"ev3.imgAltWaitForWindows": "Windows notifies you when EV3 is ready.",
"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.imgAltWaveHello": "A fairy",
"ev3.imgAltDistanceInstrument": "A guitar on stage",
"ev3.imgAltSpaceTacos": "A cat and a taco in space"
"ev3.imgAltWaveHello": "Example of a Scratch project with a waving fairy.",
"ev3.imgAltDistanceInstrument": "Example of a Scratch project with a guitar.",
"ev3.imgAltSpaceTacos": "Example of a Scratch project with Scratch Cat and a taco in space."
}