Fix accessibility of .org link. (microbit-foundation#201)

microbit-matt-hillsdon · web-flow · commit 174052592e6c · 2021-07-12T12:59:55.000+01:00
Closes microbit-foundation#199
diff --git a/lang/en.json b/lang/en.json
@@ -391,6 +391,10 @@
     "defaultMessage": "Updated file {changeName}",
     "description": "Change made to file"
   },
+  "visit-dot-org": {
+    "defaultMessage": "visit microbit.org (opens in a new tab)",
+    "description": "alt text for logo link to .org"
+  },
   "webusb-download-instead": {
     "defaultMessage": "Download the hex file or try Chrome or Microsoft Edge.",
     "description": "Shown from the connect action when the user's browser doesn't support WebUSB."
diff --git a/src/editor/EditorArea.tsx b/src/editor/EditorArea.tsx
@@ -56,7 +56,12 @@ const EditorArea = ({
           target="_blank"
           rel="noopener noreferrer"
         >
-          <Box width="140px" fill="brand.500">
+          <Box
+            width="140px"
+            fill="brand.500"
+            role="img"
+            aria-label={intl.formatMessage({ id: "visit-dot-org" })}
+          >
             {brand.horizontalLogo}
           </Box>
         </Link>
diff --git a/src/messages/en.json b/src/messages/en.json
@@ -785,6 +785,12 @@
       "value": "changeName"
     }
   ],
+  "visit-dot-org": [
+    {
+      "type": 0,
+      "value": "visit microbit.org (opens in a new tab)"
+    }
+  ],
   "webusb-download-instead": [
     {
       "type": 0,

Original file line number	Diff line number	Diff line change
`@@ -785,6 +785,12 @@`
`785`	`785`	`"value": "changeName"`
`786`	`786`	`}`
`787`	`787`	`],`
	`788`	`+ "visit-dot-org": [`
	`789`	`+ {`
	`790`	`+ "type": 0,`
	`791`	`+ "value": "visit microbit.org (opens in a new tab)"`
	`792`	`+ }`
	`793`	`+ ],`
`788`	`794`	`"webusb-download-instead": [`
`789`	`795`	`{`
`790`	`796`	`"type": 0,`