diff options
| author | Joas Schilling <coding@schilljs.com> | 2023-03-06 14:06:14 +0100 |
|---|---|---|
| committer | Joas Schilling <coding@schilljs.com> | 2023-03-06 14:06:14 +0100 |
| commit | d1b1587ff76882640f11584bcae923b2cb3f1b19 (patch) | |
| tree | a6b4562b0db268311987efc19136e732cf82fbc2 /src/components/CallView | |
| parent | a0c0540cc1221ceb28cd27699ca88b723b80018a (diff) | |
fix(a11y): Fix missing aria-labels for buttons in call view
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src/components/CallView')
| -rw-r--r-- | src/components/CallView/shared/LocalMediaControls.vue | 1 | ||||
| -rw-r--r-- | src/components/CallView/shared/VideoBottomBar.vue | 5 |
2 files changed, 5 insertions, 1 deletions
diff --git a/src/components/CallView/shared/LocalMediaControls.vue b/src/components/CallView/shared/LocalMediaControls.vue index 1068444e1..d587cf130 100644 --- a/src/components/CallView/shared/LocalMediaControls.vue +++ b/src/components/CallView/shared/LocalMediaControls.vue @@ -32,6 +32,7 @@ <NcButton id="quality_warning_button" type="tertiary-no-background" class="trigger" + :aria-label="qualityWarningAriaLabel" @click="mouseover = !mouseover"> <template #icon> <NetworkStrength2Alert fill-color="#e9322d" diff --git a/src/components/CallView/shared/VideoBottomBar.vue b/src/components/CallView/shared/VideoBottomBar.vue index 51c24d6b6..b6b3b27e1 100644 --- a/src/components/CallView/shared/VideoBottomBar.vue +++ b/src/components/CallView/shared/VideoBottomBar.vue @@ -47,6 +47,7 @@ <NcButton v-show="!connectionStateFailedNoRestart" v-if="showMicrophone || showMicrophoneOff" v-tooltip="audioButtonTooltip" + :aria-label="audioButtonTooltip" class="muteIndicator" type="tertiary-no-background" :disabled="!model.attributes.audioAvailable || !selfIsModerator" @@ -62,6 +63,7 @@ </NcButton> <NcButton v-show="!connectionStateFailedNoRestart && model.attributes.videoAvailable" v-tooltip="videoButtonTooltip" + :aria-label="videoButtonTooltip" class="hideRemoteVideo" type="tertiary-no-background" @click.stop="toggleVideo"> @@ -76,6 +78,7 @@ </NcButton> <NcButton v-show="!connectionStateFailedNoRestart" v-tooltip="t('spreed', 'Show screen')" + :aria-label="t('spreed', 'Show screen')" class="screensharingIndicator" type="tertiary-no-background" :class="screenSharingButtonClass" @@ -196,7 +199,7 @@ export default { return t('spreed', 'Mute') } - return null + return t('spreed', 'Muted') }, showVideoButton() { |