Make WordPress Core

Opened 4 months ago

Last modified 5 weeks ago

#60141 assigned defect (bug)

Proximity of controls: Upload New Media multi-file uploader

Reported by: afercia's profile afercia Owned by: rcreators's profile rcreators
Milestone: 6.6 Priority: normal
Severity: normal Version: 5.8
Component: Media Keywords: has-screenshots
Focuses: accessibility Cc:

Description

See #40822
See #51754

When uploading media files in the Upload New Media > multi-file uploader page, newly added files are listed within rows after the uploader.

The rows contain:

  • The attachment details, on the left.
  • Additional tools, on the right.

There's a couple problems with that.

Proximity of controls

The tools are displayed too far to the right, way far from the details. This is a problem, for example, for low vision users and users who use screen magnifiers, as the tools may be out of their vision field.
Controls should be displayed visually grouped so that they can be easily discovered by all users. I'm not sure there's a good reason to have all that spacing between details and tools in the first place.

The Copy button shifts to the left when copying

There's a few Copy buttons in use in the admin pages. Most of them are aligned to the left and there's a good reason for that: The UI must provide space for the 'Copied!' confirmation text.
However, on this page the Copy button is aligned to the right. After a copy operation, the 'Copied!' text appears on the right of the button thus making the button itself shift to the left. I'm not sure having moving interactive controls on the screen is a good user experience. Instead, the Copy button should be placed in a way to reserve some space for the 'Copied!' text to appear without triggering a shift of other content.

See screenshots and animated GIF below.

Attachments (4)

01 Screenshot 2023-12-22 at 14.06.28.png (172.3 KB) - added by afercia 4 months ago.
Unnecessary spacing between details and tools
02 Screenshot 2023-12-22 at 14.01.39.png (118.6 KB) - added by afercia 4 months ago.
Unnecessary spacing between details and uploading progress indicator
03 copy shift.gif (33.1 KB) - added by afercia 4 months ago.
The copy button shifts to the left when copying
04 Screenshot 2023-12-22 at 13.59.48.png (430.9 KB) - added by afercia 4 months ago.
All other Copy buttons are aligned to the left

Download all attachments as: .zip

Change History (6)

@afercia
4 months ago

Unnecessary spacing between details and tools

@afercia
4 months ago

Unnecessary spacing between details and uploading progress indicator

@afercia
4 months ago

The copy button shifts to the left when copying

@afercia
4 months ago

All other Copy buttons are aligned to the left

This ticket was mentioned in Slack in #accessibility by joedolson. View the logs.


5 weeks ago

#2 @joedolson
5 weeks ago

  • Milestone changed from Awaiting Review to 6.6
  • Owner set to rcreators
  • Status changed from new to assigned
  • Version set to 5.8

This makes sense. Milestoning.

Note: See TracTickets for help on using tickets.