add alt attributes to download screens (#2415)

* add alt attributes to download screens, fixes microsoft/pxt-microbit#2291

* better descriptions
This commit is contained in:
Joey Wunderlich 2019-09-05 17:25:29 -07:00 committed by Peli de Halleux
parent ddff2554f7
commit afd1b07fd0

View File

@ -897,7 +897,7 @@ function webUsbPairDialogAsync(confirmAsync: (options: any) => Promise<number>):
<div className="ui header">{lf("First time here?")}</div> <div className="ui header">{lf("First time here?")}</div>
<strong className="ui small">{lf("You must have version 0249 or above of the firmware")}</strong> <strong className="ui small">{lf("You must have version 0249 or above of the firmware")}</strong>
<div className="image"> <div className="image">
<img className="ui image" src="./static/download/firmware.png" /> <img alt={lf("Comic rainbow updating micro:bit firmware")} className="ui image" src="./static/download/firmware.png" />
</div> </div>
<a href={`${docUrl}/webusb/troubleshoot`} target="_blank">{lf("Check your firmware version here and update if needed")}</a> <a href={`${docUrl}/webusb/troubleshoot`} target="_blank">{lf("Check your firmware version here and update if needed")}</a>
</div> </div>
@ -909,7 +909,7 @@ function webUsbPairDialogAsync(confirmAsync: (options: any) => Promise<number>):
<div className="column"> <div className="column">
<div className="ui"> <div className="ui">
<div className="image"> <div className="image">
<img className="ui medium rounded image" src="./static/download/connect.png" /> <img alt={lf("Comic connecting micro:bit to computer")} className="ui medium rounded image" src="./static/download/connect.png" />
</div> </div>
<div className="content"> <div className="content">
<div className="description"> <div className="description">
@ -924,7 +924,7 @@ function webUsbPairDialogAsync(confirmAsync: (options: any) => Promise<number>):
<div className="column"> <div className="column">
<div className="ui"> <div className="ui">
<div className="image"> <div className="image">
<img className="ui medium rounded image" src="./static/download/pair.png" /> <img alt={lf("Comic of successful micro:bit connection")} className="ui medium rounded image" src="./static/download/pair.png" />
</div> </div>
<div className="content"> <div className="content">
<div className="description"> <div className="description">
@ -990,7 +990,7 @@ function showUploadInstructionsAsync(fn: string, url: string, confirmAsync: (opt
<div className="column"> <div className="column">
<div className="ui"> <div className="ui">
<div className="image"> <div className="image">
<img className="ui medium rounded image" src="./static/download/connect.png" /> <img alt={lf("Comic connecting micro:bit to computer")} className="ui medium rounded image" src="./static/download/connect.png" />
</div> </div>
<div className="content"> <div className="content">
<div className="description"> <div className="description">
@ -1005,7 +1005,7 @@ function showUploadInstructionsAsync(fn: string, url: string, confirmAsync: (opt
<div className="column"> <div className="column">
<div className="ui"> <div className="ui">
<div className="image"> <div className="image">
<img className="ui medium rounded image" src="./static/download/transfer.png" /> <img alt={lf("Comic moving hex file to micro:bit")} className="ui medium rounded image" src="./static/download/transfer.png" />
</div> </div>
<div className="content"> <div className="content">
<div className="description"> <div className="description">