From afd1b07fd02df6b8316ca240c7c7a41115eae8de Mon Sep 17 00:00:00 2001
From: Joey Wunderlich <jwunderl@users.noreply.github.com>
Date: Thu, 5 Sep 2019 17:25:29 -0700
Subject: [PATCH] add alt attributes to download screens (#2415)

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

* better descriptions
---
 editor/extension.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/editor/extension.tsx b/editor/extension.tsx
index ad9d9ad7..aaecf7e3 100644
--- a/editor/extension.tsx
+++ b/editor/extension.tsx
@@ -897,7 +897,7 @@ function webUsbPairDialogAsync(confirmAsync: (options: any) => Promise<number>):
                 <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>
                 <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>
                 <a href={`${docUrl}/webusb/troubleshoot`} target="_blank">{lf("Check your firmware version here and update if needed")}</a>
             </div>
@@ -909,7 +909,7 @@ function webUsbPairDialogAsync(confirmAsync: (options: any) => Promise<number>):
                                 <div className="column">
                                     <div className="ui">
                                         <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 className="content">
                                             <div className="description">
@@ -924,7 +924,7 @@ function webUsbPairDialogAsync(confirmAsync: (options: any) => Promise<number>):
                                 <div className="column">
                                     <div className="ui">
                                         <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 className="content">
                                             <div className="description">
@@ -990,7 +990,7 @@ function showUploadInstructionsAsync(fn: string, url: string, confirmAsync: (opt
                                 <div className="column">
                                     <div className="ui">
                                         <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 className="content">
                                             <div className="description">
@@ -1005,7 +1005,7 @@ function showUploadInstructionsAsync(fn: string, url: string, confirmAsync: (opt
                                 <div className="column">
                                     <div className="ui">
                                         <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 className="content">
                                             <div className="description">