[wp-trac] [WordPress Trac] #35483: Accessibility improvements for the Bulk Edit form

[WordPress Trac]

#35483: Accessibility improvements for the Bulk Edit form
-------------------------------------+-------------------------------------
 Reporter:  afercia                  |       Owner:  afercia
     Type:  defect (bug)             |      Status:  assigned
 Priority:  normal                   |   Milestone:  4.5
Component:  Quick/Bulk Edit          |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch has-           |     Focuses:  ui, accessibility,
  screenshots                        |  javascript
-------------------------------------+-------------------------------------

Comment (by azaozz):

 Few things:
 - Focusing on the first "remove" button seems wrong. This is far from
 being the "default" action. Users open Bulk Edit to change some post
 settings, not to remove posts from there :)
 - Making the whole post title inside the bulk edit list clickable doesn't
 work well. The "active" part there should be only the (x) icon as before.
 It is too easy to remove a post from bulk editing by clicking the that
 title by mistake.
 - The "structural" css needs a but more work. I agree the purpose here is
 not a complete refactoring but making the right half a bit more responsive
 would be much better.

 > When removing items from the list, focus should be moved to the previous
 or next item and when there are no more items, probably to the "Cancel"
 button.

 Thinking we should standardize on either the previous or the next (if both
 exist). We should probably close Bulk Edit when no more items left. New
 items cannot be added there.

 > Would greatly appreciate feedback about the best way to escape and clean
 up from Emojis the string to use as aria-label.

 To escape we only need to do `$( element ).text()`. Not sure about
 removing emoji and other special chars from the post titles. They are in
 the titles in the list-table and will be in the titles on the front-end.

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