add aria-label to leave meeting button

add description to leave meeting button
This commit is contained in:
Jan Kessler 2023-11-29 10:27:28 +01:00
parent 742733f7a8
commit 630c79e5c7
2 changed files with 9 additions and 2 deletions

View File

@ -8,10 +8,14 @@ import { colorDanger, colorWhite } from '/imports/ui/stylesheets/styled-componen
import Styled from './styles'; import Styled from './styles';
const intlMessages = defineMessages({ const intlMessages = defineMessages({
leaveMeetingLabel: { leaveMeetingBtnLabel: {
id: 'app.navBar.leaveMeetingBtnLabel', id: 'app.navBar.leaveMeetingBtnLabel',
description: 'Leave meeting button label', description: 'Leave meeting button label',
}, },
leaveMeetingBtnDesc: {
id: 'app.navBar.leaveMeetingBtnDesc',
description: 'Describes the leave meeting button',
},
leaveSessionLabel: { leaveSessionLabel: {
id: 'app.navBar.settingsDropdown.leaveSessionLabel', id: 'app.navBar.settingsDropdown.leaveSessionLabel',
description: 'Leave session button label', description: 'Leave session button label',
@ -146,7 +150,9 @@ class LeaveMeetingButton extends PureComponent {
trigger={( trigger={(
<Styled.LeaveButton <Styled.LeaveButton
state={isDropdownOpen ? 'open' : 'closed'} state={isDropdownOpen ? 'open' : 'closed'}
tooltipLabel={intl.formatMessage(intlMessages.leaveMeetingLabel)} aria-label={intl.formatMessage(intlMessages.leaveMeetingBtnLabel)}
tooltipLabel={intl.formatMessage(intlMessages.leaveMeetingBtnLabel)}
description={intl.formatMessage(intlMessages.leaveMeetingBtnDesc)}
icon="logout" icon="logout"
color="danger" color="danger"
size="lg" size="lg"

View File

@ -437,6 +437,7 @@
"app.muteWarning.disableMessage": "Mute alerts disabled until unmute", "app.muteWarning.disableMessage": "Mute alerts disabled until unmute",
"app.muteWarning.tooltip": "Click to close and disable warning until next unmute", "app.muteWarning.tooltip": "Click to close and disable warning until next unmute",
"app.navBar.leaveMeetingBtnLabel": "Leave", "app.navBar.leaveMeetingBtnLabel": "Leave",
"app.navBar.leaveMeetingBtnDesc": "Select to leave or end the meeting",
"app.navBar.settingsDropdown.optionsLabel": "Options", "app.navBar.settingsDropdown.optionsLabel": "Options",
"app.navBar.settingsDropdown.fullscreenLabel": "Fullscreen Application", "app.navBar.settingsDropdown.fullscreenLabel": "Fullscreen Application",
"app.navBar.settingsDropdown.settingsLabel": "Settings", "app.navBar.settingsDropdown.settingsLabel": "Settings",