Add accessibility link to help menu (#594)

microbit-grace · web-flow · commit 10fa169d4573 · 2025-04-03T14:03:04.000+01:00
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -37,7 +37,7 @@ jobs:
       - run: npm ci
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-      - run: npm install --no-save @microbit-foundation/ml-trainer-microbit@0.2.0-dev.60 @microbit-foundation/website-deploy-aws@0.6 @microbit-foundation/website-deploy-aws-config@0.9
+      - run: npm install --no-save @microbit-foundation/ml-trainer-microbit@0.2.0-dev.62 @microbit-foundation/website-deploy-aws@0.6 @microbit-foundation/website-deploy-aws-config@0.9
         if: github.repository_owner == 'microbit-foundation'
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/lang/ui.ca.json b/lang/ui.ca.json
@@ -19,6 +19,10 @@
     "defaultMessage": "micro:bit que mostra l'eix X de darrere al davant mesurant el balanceig de dreta a esquerra, l'eix Y de costat a costat mesura el capcineig endavant o enrere, l'eix Z mesura el moviment amunt i avall",
     "description": "Alt text for image showing the board-relative directions of the X/Y/Z dimensions of the micro:bit accelerometer"
   },
+  "accessibility": {
+    "defaultMessage": "Accessibility",
+    "description": "Menu item for link to accessibility site"
+  },
   "action-label": {
     "defaultMessage": "Acció",
     "description": "Label for a movement-related action, e.g. clapping"
diff --git a/lang/ui.en.json b/lang/ui.en.json
@@ -19,6 +19,10 @@
     "defaultMessage": "micro:bit showing X axis going across the front, Y axis going down and up, Z axis going back to front",
     "description": "Alt text for image showing the board-relative directions of the X/Y/Z dimensions of the micro:bit accelerometer"
   },
+  "accessibility": {
+    "defaultMessage": "Accessibility",
+    "description": "Menu item for link to accessibility site"
+  },
   "action-label": {
     "defaultMessage": "Action",
     "description": "Label for a movement-related action, e.g. clapping"
diff --git a/lang/ui.es-es.json b/lang/ui.es-es.json
@@ -19,6 +19,10 @@
     "defaultMessage": "micro:bit mostrando el eje X atravesando la parte delantera, el eje Y de arriba abajo y el eje Z de atrás hacia delante",
     "description": "Alt text for image showing the board-relative directions of the X/Y/Z dimensions of the micro:bit accelerometer"
   },
+  "accessibility": {
+    "defaultMessage": "Accessibility",
+    "description": "Menu item for link to accessibility site"
+  },
   "action-label": {
     "defaultMessage": "Acción",
     "description": "Label for a movement-related action, e.g. clapping"
diff --git a/lang/ui.ja.json b/lang/ui.ja.json
@@ -19,6 +19,10 @@
     "defaultMessage": "micro:bitでは、X軸が前面を横切る方向、Y軸が下から上方向、Z軸が裏面から前面の方向を示しています。",
     "description": "Alt text for image showing the board-relative directions of the X/Y/Z dimensions of the micro:bit accelerometer"
   },
+  "accessibility": {
+    "defaultMessage": "Accessibility",
+    "description": "Menu item for link to accessibility site"
+  },
   "action-label": {
     "defaultMessage": "アクション",
     "description": "Label for a movement-related action, e.g. clapping"
diff --git a/lang/ui.ko.json b/lang/ui.ko.json
@@ -19,6 +19,10 @@
     "defaultMessage": "micro:bit은 X축을 앞으로 이동, Y축을 위 아래로 이동, Z축을 뒤에서 앞으로 표시합니다.",
     "description": "Alt text for image showing the board-relative directions of the X/Y/Z dimensions of the micro:bit accelerometer"
   },
+  "accessibility": {
+    "defaultMessage": "Accessibility",
+    "description": "Menu item for link to accessibility site"
+  },
   "action-label": {
     "defaultMessage": "행동",
     "description": "Label for a movement-related action, e.g. clapping"
diff --git a/lang/ui.nl.json b/lang/ui.nl.json
@@ -19,6 +19,10 @@
     "defaultMessage": "micro:bit toont de X-as over de voorkant, de Y-as gaat naar beneden en omhoog, de Z-as gaat terug naar voren",
     "description": "Alt text for image showing the board-relative directions of the X/Y/Z dimensions of the micro:bit accelerometer"
   },
+  "accessibility": {
+    "defaultMessage": "Accessibility",
+    "description": "Menu item for link to accessibility site"
+  },
   "action-label": {
     "defaultMessage": "Actie",
     "description": "Label for a movement-related action, e.g. clapping"
diff --git a/lang/ui.pl.json b/lang/ui.pl.json
@@ -19,6 +19,10 @@
     "defaultMessage": "micro:bit pokazujący oś X przechodzącą z przodu, oś Y idącą w dół i w górę, oś Z idącą do tyłu i do przodu",
     "description": "Alt text for image showing the board-relative directions of the X/Y/Z dimensions of the micro:bit accelerometer"
   },
+  "accessibility": {
+    "defaultMessage": "Accessibility",
+    "description": "Menu item for link to accessibility site"
+  },
   "action-label": {
     "defaultMessage": "Akcja",
     "description": "Label for a movement-related action, e.g. clapping"
diff --git a/lang/ui.pt-br.json b/lang/ui.pt-br.json
@@ -19,6 +19,10 @@
     "defaultMessage": "micro:bit mostrando o eixo X indo através da frente, o eixo Y indo para baixo e para cima, o eixo Z voltando à frente",
     "description": "Alt text for image showing the board-relative directions of the X/Y/Z dimensions of the micro:bit accelerometer"
   },
+  "accessibility": {
+    "defaultMessage": "Accessibility",
+    "description": "Menu item for link to accessibility site"
+  },
   "action-label": {
     "defaultMessage": "Ação",
     "description": "Label for a movement-related action, e.g. clapping"
diff --git a/lang/ui.zh-tw.json b/lang/ui.zh-tw.json
@@ -19,6 +19,10 @@
     "defaultMessage": "micro:bit 會顯示 X 軸穿過前方，Y 軸向下和向上，Z 軸回到前方",
     "description": "Alt text for image showing the board-relative directions of the X/Y/Z dimensions of the micro:bit accelerometer"
   },
+  "accessibility": {
+    "defaultMessage": "Accessibility",
+    "description": "Menu item for link to accessibility site"
+  },
   "action-label": {
     "defaultMessage": "動作",
     "description": "Label for a movement-related action, e.g. clapping"
diff --git a/src/components/HelpMenuItems.tsx b/src/components/HelpMenuItems.tsx
@@ -51,22 +51,33 @@ const HelpMenuItems = ({
         tourTrigger={tourTrigger}
       />
       {deployment.supportLinks.main && (
-        <>
-          <MenuItem
-            as="a"
-            href={deployment.supportLinks.main}
-            target="_blank"
-            rel="noopener"
-            icon={<RiExternalLinkLine />}
-          >
-            <FormattedMessage id="help-support" />
-          </MenuItem>
-          <MenuItem icon={<RiFeedbackLine />} onClick={onFeedbackOpen}>
-            <FormattedMessage id="feedback" />
-          </MenuItem>
-          <MenuDivider />
-        </>
+        <MenuItem
+          as="a"
+          href={deployment.supportLinks.main}
+          target="_blank"
+          rel="noopener"
+          icon={<RiExternalLinkLine />}
+        >
+          <FormattedMessage id="help-support" />
+        </MenuItem>
+      )}
+      {deployment.accessibilityLink && (
+        <MenuItem
+          as="a"
+          href={deployment.accessibilityLink}
+          target="_blank"
+          rel="noopener"
+          icon={<RiExternalLinkLine />}
+        >
+          <FormattedMessage id="accessibility" />
+        </MenuItem>
+      )}
+      {deployment.supportLinks.main && (
+        <MenuItem icon={<RiFeedbackLine />} onClick={onFeedbackOpen}>
+          <FormattedMessage id="feedback" />
+        </MenuItem>
       )}
+      <MenuDivider />
       {deployment.termsOfUseLink && (
         <MenuItem
           as="a"
diff --git a/src/deployment/index.ts b/src/deployment/index.ts
@@ -54,6 +54,7 @@ export interface DeploymentConfig {
     wearable: string;
   };
 
+  accessibilityLink?: string;
   termsOfUseLink?: string;
   privacyPolicyLink?: string;
   activitiesBaseUrl?: string;
diff --git a/src/messages/ui.ca.json b/src/messages/ui.ca.json
@@ -39,6 +39,12 @@
       "value": "micro:bit que mostra l'eix X de darrere al davant mesurant el balanceig de dreta a esquerra, l'eix Y de costat a costat mesura el capcineig endavant o enrere, l'eix Z mesura el moviment amunt i avall"
     }
   ],
+  "accessibility": [
+    {
+      "type": 0,
+      "value": "Accessibility"
+    }
+  ],
   "action-label": [
     {
       "type": 0,
diff --git a/src/messages/ui.en.json b/src/messages/ui.en.json
@@ -39,6 +39,12 @@
       "value": "micro:bit showing X axis going across the front, Y axis going down and up, Z axis going back to front"
     }
   ],
+  "accessibility": [
+    {
+      "type": 0,
+      "value": "Accessibility"
+    }
+  ],
   "action-label": [
     {
       "type": 0,
diff --git a/src/messages/ui.es-es.json b/src/messages/ui.es-es.json
@@ -39,6 +39,12 @@
       "value": "micro:bit mostrando el eje X atravesando la parte delantera, el eje Y de arriba abajo y el eje Z de atrás hacia delante"
     }
   ],
+  "accessibility": [
+    {
+      "type": 0,
+      "value": "Accessibility"
+    }
+  ],
   "action-label": [
     {
       "type": 0,
diff --git a/src/messages/ui.ja.json b/src/messages/ui.ja.json
@@ -39,6 +39,12 @@
       "value": "micro:bitでは、X軸が前面を横切る方向、Y軸が下から上方向、Z軸が裏面から前面の方向を示しています。"
     }
   ],
+  "accessibility": [
+    {
+      "type": 0,
+      "value": "Accessibility"
+    }
+  ],
   "action-label": [
     {
       "type": 0,
diff --git a/src/messages/ui.ko.json b/src/messages/ui.ko.json
@@ -39,6 +39,12 @@
       "value": "micro:bit은 X축을 앞으로 이동, Y축을 위 아래로 이동, Z축을 뒤에서 앞으로 표시합니다."
     }
   ],
+  "accessibility": [
+    {
+      "type": 0,
+      "value": "Accessibility"
+    }
+  ],
   "action-label": [
     {
       "type": 0,
diff --git a/src/messages/ui.nl.json b/src/messages/ui.nl.json
@@ -39,6 +39,12 @@
       "value": "micro:bit toont de X-as over de voorkant, de Y-as gaat naar beneden en omhoog, de Z-as gaat terug naar voren"
     }
   ],
+  "accessibility": [
+    {
+      "type": 0,
+      "value": "Accessibility"
+    }
+  ],
   "action-label": [
     {
       "type": 0,
diff --git a/src/messages/ui.pl.json b/src/messages/ui.pl.json
@@ -39,6 +39,12 @@
       "value": "micro:bit pokazujący oś X przechodzącą z przodu, oś Y idącą w dół i w górę, oś Z idącą do tyłu i do przodu"
     }
   ],
+  "accessibility": [
+    {
+      "type": 0,
+      "value": "Accessibility"
+    }
+  ],
   "action-label": [
     {
       "type": 0,
diff --git a/src/messages/ui.pt-br.json b/src/messages/ui.pt-br.json
@@ -39,6 +39,12 @@
       "value": "micro:bit mostrando o eixo X indo através da frente, o eixo Y indo para baixo e para cima, o eixo Z voltando à frente"
     }
   ],
+  "accessibility": [
+    {
+      "type": 0,
+      "value": "Accessibility"
+    }
+  ],
   "action-label": [
     {
       "type": 0,
diff --git a/src/messages/ui.zh-tw.json b/src/messages/ui.zh-tw.json
@@ -43,6 +43,12 @@
       "value": "micro:bit 會顯示 X 軸穿過前方，Y 軸向下和向上，Z 軸回到前方"
     }
   ],
+  "accessibility": [
+    {
+      "type": 0,
+      "value": "Accessibility"
+    }
+  ],
   "action-label": [
     {
       "type": 0,
