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';
const intlMessages = defineMessages({
leaveMeetingLabel: {
leaveMeetingBtnLabel: {
id: 'app.navBar.leaveMeetingBtnLabel',
description: 'Leave meeting button label',
},
leaveMeetingBtnDesc: {
id: 'app.navBar.leaveMeetingBtnDesc',
description: 'Describes the leave meeting button',
},
leaveSessionLabel: {
id: 'app.navBar.settingsDropdown.leaveSessionLabel',
description: 'Leave session button label',
@ -146,7 +150,9 @@ class LeaveMeetingButton extends PureComponent {
trigger={(
<Styled.LeaveButton
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"
color="danger"
size="lg"

View File

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