add aria-label to leave meeting button
add description to leave meeting button
This commit is contained in:
parent
742733f7a8
commit
630c79e5c7
@ -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"
|
||||
|
@ -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",
|
||||
|
Loading…
Reference in New Issue
Block a user