Make WordPress Core

Opened 12 years ago

Closed 12 years ago

#28833 closed defect (bug) (fixed)

Media Library Grid - Search not accessible at lower screen widths

Reported by: GrahamArmfield Owned by: ocean90
Priority: normal Milestone: 4.0
Component: Media Version: 4.0
Severity: normal Keywords: needs-patch
Cc: Focuses: accessibility

Description

I'm on a Windows 7 machine (64 bit) and I'm experiencing this on both Chrome 35 and FF 30.

At lower screen widths the search input and the various meta data checkboxes are not visible above the media items by default.

It is possible to reach them by tabbing onwards from Bulk Edit, but I'm not clear how anyone not using a keyboard can get to them. As well as mouse user this would prove difficult for anyone using voice recognition software - eg Dragon Naturally Speaking.

At lower screen widths, I'd expect to see the search box and checkboxes drop down onto a second line, so that they're permanently visible, and therefore easy to access.

Screenshot attached.

Attachments (1)

media-library-checkboxes-search-not-visible.jpg (61.5 KB ) - added by GrahamArmfield 12 years ago.
Screenshot showing search and checkboxes not visible

Download all attachments as: .zip

Change History (4)

@GrahamArmfield
12 years ago

Screenshot showing search and checkboxes not visible

#1 @ocean90
12 years ago

  • Keywords needs-patch added
  • Milestone Awaiting Review4.0
  • Summary Media Library Grid - Search and checkboxes not accessible at lower screen widthsMedia Library Grid - Search not accessible at lower screen widths

Checkboxes are now moved to the Screen Options (which are by default not visible on smaller screens).

We need a patch for the search.

#2 @ocean90
12 years ago

Related: #28850

#3 @ocean90
12 years ago

  • Owner set to ocean90
  • Resolutionfixed
  • Status newclosed

In 29136:

Media Grid improvements:

  • Remove fixed elements.
  • Adjusts toolbar and search, fixes #28833.
  • Add link to Add New button, fixes #28825.
  • Add "Edit Metadata" tab to all items, "Edit Image" only for images
  • Make strings translatable.
  • First pass for help tab.

see #28850.

Note: See TracTickets for help on using tickets.