Make WordPress Core

Opened 2 months ago

Last modified 3 days ago

#47611 new defect (bug)

Media views: hide the "file upload button" from assistive technologies

Reported by: afercia Owned by:
Milestone: 5.3 Priority: normal
Severity: normal Version:
Component: Media Keywords: has-screenshots
Focuses: accessibility, javascript Cc:


Noticed while working on #47145, which proposes to make the media modal a real ARIA modal dialog.

When navigating content within the media modal using the keyboard (with or without a screen reader running), at some point there's a tab stop at the bottom of the modal content. Screen readers announce "file upload button", see attached screenshot.

This button is the one that gets used to upload attachments and should be perceivable only in the "Upload FIles" tab. Instead, it's always perceivable and focusable in all the various media views.

A tab stop on an invisible control is confusing for keyboard users. Screen readers users will be confused as well, as this button is announced also in work flows that don't relate at all with file uploading.

I'd like to propose to find a way to hide this button from assistive technologies when it's not supposed to be used, making sure its functionality is preserved.

Attachments (1)

media modal file upload button.jpg (116.8 KB) - added by afercia 2 months ago.

Download all attachments as: .zip

Change History (3)

#1 @afercia
2 months ago

Note: if I remember correctly this issue was solved at some point in a previous release cycle, but I couldn't find a reference. Just to note that's likely a regression.

#2 @afercia
3 days ago

Similar issue: #47144

Note: See TracTickets for help on using tickets.