[wp-trac] [WordPress Trac] #36925: Media views: introduce a "Heading" view for better accessibility

[WordPress Trac]

#36925: Media views: introduce a "Heading" view for better accessibility
-------------------------------------+-------------------------------------
 Reporter:  afercia                  |      Owner:
     Type:  defect (bug)             |     Status:  new
 Priority:  normal                   |  Milestone:  Awaiting Review
Component:  Media                    |    Version:
 Severity:  normal                   |   Keywords:  has-screenshots media-
  Focuses:  ui, accessibility,       |  a11y
  javascript                         |
-------------------------------------+-------------------------------------
 See #30512.
 One of the main accessibility issues in the media views is that they're
 difficult to navigate using only the keyboard. Consider for example the
 "Add Media" modal, see the screenshot below. Potentially, there can be
 hundreds of attachments. There's no easy way to "jump" through the main
 areas of the modal.

 A new approach to improve the media accessibility was recently discussed
 and it was agreed to propose small changes. Headings could greatly help,
 especially screen reader users who can use shortcuts to jump through
 headings.

 New headings on the main workflow areas, together with the already
 existing headings, would give screen reader users the ability, for
 example, to "jump" from the attachments grid to the Insert button without
 being forced to tab through all the attachments.

 Heading details can be discussed, but first of all there's the need to
 build a new "Heading" Backbone view. I guess it should be flexible enough
 to allow to set the heading level at runtime and an optional CSS class to
 show or visually hide the heading.

 Any thoughts and help very welcome. Especially, help from someone with
 great Backbone knowledge :)

 [[Image(https://cldup.com/9mhj8uA7-W.png)]]

 Side note: working on the screenshot, I've noticed for the first time
 there's maybe some terminology inconsistency. Maybe the usage of the terms
 "Media" and "Attachment" should be reviewed a bit.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/36925>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform