[wp-trac] [WordPress Trac] #47610: Media modal: add more headings to better identify the main sections and improve content navigation for assistive technology users

[WordPress Trac]

#47610: Media modal: add more headings to better identify the main sections and
improve content navigation for assistive technology users
-------------------------------------+-------------------------------------
 Reporter:  afercia                  |       Owner:  karmatosed
     Type:  defect (bug)             |      Status:  assigned
 Priority:  normal                   |   Milestone:  5.3
Component:  Media                    |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  has-screenshots has-     |     Focuses:  ui, accessibility,
  patch needs-design-feedback        |  javascript
-------------------------------------+-------------------------------------
Changes (by afercia):

 * keywords:  has-screenshots has-patch needs-design => has-screenshots has-
     patch needs-design-feedback


Comment:

 [attachment:"47610.2.diff"] refreshes the patch and:

 - adds 3 headings:
   - Media Types
   - Filter Media
   - Available actions (this one is visually hidden)
 - changes the existing visually hidden heading "Attachments list" to
 "Media list" for consistency
 - improves the singular / plural form translation of `%s item selected` by
 using `wp.i18n.sprintf`
 - refactors the CSS of the media modal toolbar to take into account the
 new "Filter Media" heading

 The CSS refactoring also improves the responsiveness of this part of the
 modal. There are still pre-existing issues, for example the date select is
 out of view at some viewports widths. This happens on all previous
 WordPress versions and fixing it would need a major refactoring of the
 media modal, which is out of the scope of this ticket.

 Some testing would be nice :)
 Please test on desktop at various viewports widths to trigger all the
 media queries.
 Please test at least in Chrome and Firefox. Testing on Internet Explorer
 would be appreciated.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/47610#comment:30>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform