w3c / webex

Issues related to W3C use of WebEx
MIT License
1 stars 8 forks source link

Redundant accessible names #15

Open LJWatson opened 7 years ago

LJWatson commented 7 years ago

There are multiple sources for the accessible name of the mute/unmute button. This causes duplication of the same information (which is announced by some screen readers).

<button data-doi="AUDIO:MUTE_UNMUTE_MIC:FLOAT_MENU" data-monitor-id="pb:toolbar:mic" tabindex="4030" class="icon-ic50 item-mute pb-f icon-unMute" `title="Unmute"` style="opacity: 1;" `aria-label="Unmute microphone"`><span class="icon icon-ic33-26 ic-mic"></span><span class="text using">`Mute`</span></button>
``

The text inside the button is also mismatched with the values of the `title` and `aria-label` attributes.

To resolve this:
* Remove the `aria-label` attribute;
* Hide the text inside the button using `display:none;` (so it's only available when CSS is disabled and/or someone is using their own style sheets);
* Leave the title attribute to provide the accessible name for the button;
* Make sure the `title` attribute value matches the inner button text.


Note: the inner text can be hidden via CSS in the external style sheet.