From 2bcb081ce8ab42649932404f3a13f69a0b582af9 Mon Sep 17 00:00:00 2001 From: Holden Foreman <38192823+hs4man21@users.noreply.github.com> Date: Sun, 8 Jan 2023 21:54:03 -0500 Subject: [PATCH] Fix footer link circle dividers' screen reader accessibility by adding aria-hidden (#22576) * Fix footer link circle dividers' screen reader accessibility by adding aria-hidden * Remove a circle erroneously added in prev commit, and make code more DRY --- .../features/ui/components/link_footer.js | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/app/javascript/mastodon/features/ui/components/link_footer.js b/app/javascript/mastodon/features/ui/components/link_footer.js index 2b83d6378f..3664a05bf8 100644 --- a/app/javascript/mastodon/features/ui/components/link_footer.js +++ b/app/javascript/mastodon/features/ui/components/link_footer.js @@ -52,6 +52,8 @@ class LinkFooter extends React.PureComponent { const canInvite = signedIn && ((permissions & PERMISSION_INVITE_USERS) === PERMISSION_INVITE_USERS); const canProfileDirectory = profileDirectory; + const DividingCircle = {' · '}; + return (

@@ -60,17 +62,17 @@ class LinkFooter extends React.PureComponent { {canInvite && ( <> - {' · '} + {DividingCircle} )} {canProfileDirectory && ( <> - {' · '} + {DividingCircle} )} - {' · '} + {DividingCircle}

@@ -78,13 +80,13 @@ class LinkFooter extends React.PureComponent { Mastodon: {' '} - {' · '} + {DividingCircle} - {' · '} + {DividingCircle} - {' · '} + {DividingCircle} - {' · '} + {DividingCircle} v{version}