Page MenuHomePhabricator
Create Task
Maniphest T325016

MultimediaViewer buttons lacking accessible labels
Closed, ResolvedPublic
Actions

Description

Created as a result of AFB accessibility testing results T323634

HIGH For each image under the headings, activating the "Enlarge" link brings up several unlabeled buttons. When using VoiceOver, the controls can only be focused using the tab key. The VoiceOver left and right arrow keys do not work. 
Recommendation: Provide meaningful labels for each button. Ensure that controls are focusable. 
WCAG 2.1 References 
[[ https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html | 4.1.2 Name, Role, Value (Level A) ]]

Almost all the buttons in MultimediaViewer lack accessible labels

Screen Shot 2022-12-12 at 2.19.15 PM.png (1×1 px, 483 KB)

Related Objects
Search...

Event Timeline

bwang created this task.Dec 12 2022, 8:20 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptDec 12 2022, 8:20 PM
bwang added a parent task: T323634: Track AFB accessibility testing results in phab.Dec 12 2022, 8:21 PM
bwang mentioned this in T15070: Replace the "magnify" symbol used below thumbnails by a more explicit one.
bwang mentioned this in T323634: Track AFB accessibility testing results in phab.Dec 12 2022, 10:08 PM
Jdlrobson triaged this task as Medium priority.May 9 2023, 7:14 PM
simon04 subscribed.May 19 2023, 12:33 PM

Has this been fixed in the meanwhile? Testing https://de.wikipedia.org/wiki/MediaWiki#/media/Datei:MediaWiki-2020-logo.svg on Firefox/112, $$('button') yields:

0: <button class="uls-settings-trigger" title="Spracheinstellungen">
1: <button class="mw-interlanguage-selector mw-ui-button" title="Alle Sprachen (erste Aus…en von dir und anderen)">
2: <button class="mw-mmv-close" title="Diese Ansicht schließen (Esc)">
3: <button class="mw-mmv-fullscreen" title="Vollbildansicht aktivieren">
4: <button class="mw-mmv-options-button" title="Medienbetrachter aktivieren oder deaktivieren">
5: <button class="mw-mmv-next-image" title="Nächstes Bild anzeigen" style="top: 89.5px;">
6: <button class="mw-mmv-prev-image disabled" title="Vorheriges Bild anzeigen" style="top: 89.5px;">
7: <button class="mw-mmv-options-submit-bu…utton mw-ui-progressive">
8: <button class="mw-mmv-options-cancel-bu…w-ui-button mw-ui-quiet">
9: <button class="mw-mmv-options-submit-bu…utton mw-ui-progressive">
10: <button class="mw-mmv-options-cancel-bu…w-ui-button mw-ui-quiet">
11: <button class="mw-mmv-permission-close">

​

Aklapper closed this task as Resolved.Aug 13 2023, 10:02 AM

No reply; assuming this got resolved in the meantime. If not, please reopen.

TheDJ subscribed.Aug 14 2023, 11:00 AM

Did a small double check and at the very least it is a lot better than it used to be. The popup dialogs of download and configure still have some issues, but that is not directly the same as this problem, so.

Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL