Add a11y label to dismiss onboarding button in room list

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
matrix-org · Jun 7, 2024 · c4dda4f · c4dda4f
1 parent c0cbd68
commit c4dda4f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/views/user-onboarding/UserOnboardingButton.tsx b/src/components/views/user-onboarding/UserOnboardingButton.tsx
@@ -76,7 +76,11 @@ function UserOnboardingButtonInternal({ selected, minimized }: Props): JSX.Eleme
                         <Heading size="4" className="mx_Heading_h4">
                             {_t("common|welcome")}
                         </Heading>
-                        <AccessibleButton className="mx_UserOnboardingButton_close" onClick={onDismiss} />
+                        <AccessibleButton
+                            className="mx_UserOnboardingButton_close"
+                            onClick={onDismiss}
+                            aria-label={_t("onboarding|room_list_dismiss")}
+                        />
                     </div>
                 </>
             )}

diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json
@@ -1674,6 +1674,7 @@
         "personal_messaging_action": "Start your first chat",
         "personal_messaging_title": "Secure messaging for friends and family",
         "qr_or_app_links": "%(qrCode)s or %(appLinks)s",
+        "room_list_dismiss": "Dismiss welcome checklist",
         "send_dm": "Send a Direct Message",
         "set_up_profile": "Set up your profile",
         "set_up_profile_action": "Your profile",