add aria-labels to yes / no btns in echo test
This commit is contained in:
parent
ae7b561b9d
commit
cb8d293cec
@ -13,6 +13,14 @@ const intlMessages = defineMessages({
|
||||
id: 'app.audioModal.no',
|
||||
description: 'Hear yourself no',
|
||||
},
|
||||
can: {
|
||||
id: 'app.audioModal.yes.arialabel',
|
||||
description: 'provides better context for yes btn label',
|
||||
},
|
||||
cant: {
|
||||
id: 'app.audioModal.no.arialabel',
|
||||
description: 'provides better context for no btn label',
|
||||
},
|
||||
});
|
||||
|
||||
const propTypes = {
|
||||
@ -39,19 +47,21 @@ class EchoTest extends Component {
|
||||
<Button
|
||||
className={styles.button}
|
||||
label={intl.formatMessage(intlMessages.yes)}
|
||||
icon={'thumbs_up'}
|
||||
aria-label={intl.formatMessage(intlMessages.can)}
|
||||
icon="thumbs_up"
|
||||
circle
|
||||
color={'success'}
|
||||
size={'jumbo'}
|
||||
color="success"
|
||||
size="jumbo"
|
||||
onClick={this.handleYes}
|
||||
/>
|
||||
<Button
|
||||
className={styles.button}
|
||||
label={intl.formatMessage(intlMessages.no)}
|
||||
icon={'thumbs_down'}
|
||||
aria-label={intl.formatMessage(intlMessages.cant)}
|
||||
icon="thumbs_down"
|
||||
circle
|
||||
color={'danger'}
|
||||
size={'jumbo'}
|
||||
color="danger"
|
||||
size="jumbo"
|
||||
onClick={this.handleNo}
|
||||
/>
|
||||
</span>
|
||||
|
@ -247,6 +247,8 @@
|
||||
"app.audioModal.closeLabel": "Close",
|
||||
"app.audioModal.yes": "Yes",
|
||||
"app.audioModal.no": "No",
|
||||
"app.audioModal.yes.arialabel" : "can hear voice",
|
||||
"app.audioModal.no.arialabel" : "can't hear voice",
|
||||
"app.audioModal.echoTestTitle": "This is a private echo test. Speak a few words. Did you hear audio?",
|
||||
"app.audioModal.settingsTitle": "Change your audio settings",
|
||||
"app.audioModal.helpTitle": "There was an issue with your media devices",
|
||||
|
Loading…
Reference in New Issue
Block a user