add aria-labels to yes / no btns in echo test

This commit is contained in:
KDSBrowne 2018-03-21 10:19:35 -07:00
parent ae7b561b9d
commit cb8d293cec
2 changed files with 18 additions and 6 deletions

View File

@ -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>

View File

@ -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",