Add aria label to clickable notification badge on space panel

pull/21833/head
Michael Telatynski 2021-08-06 12:28:46 +01:00
parent 3895345250
commit 1a1b1738c1
1 changed files with 6 additions and 0 deletions

View File

@ -77,11 +77,17 @@ export const SpaceButton: React.FC<IButtonProps> = ({
let notifBadge; let notifBadge;
if (notificationState) { if (notificationState) {
let ariaLabel = _t("Jump to first unread room.");
if (space.getMyMembership() === "invite") {
ariaLabel = _t("Jump to first invite.");
}
notifBadge = <div className="mx_SpacePanel_badgeContainer"> notifBadge = <div className="mx_SpacePanel_badgeContainer">
<NotificationBadge <NotificationBadge
onClick={() => SpaceStore.instance.setActiveRoomInSpace(space || null)} onClick={() => SpaceStore.instance.setActiveRoomInSpace(space || null)}
forceCount={false} forceCount={false}
notification={notificationState} notification={notificationState}
aria-label={ariaLabel}
/> />
</div>; </div>;
} }