[wp-trac] [WordPress Trac] #33114: Menu Customizer: completely hide inactive reorder buttons from assistive technologies

[WordPress Trac]

#33114: Menu Customizer: completely hide inactive reorder buttons from assistive
technologies
---------------------------------------+-----------------------------
 Reporter:  afercia                    |      Owner:
     Type:  defect (bug)               |     Status:  new
 Priority:  normal                     |  Milestone:  Awaiting Review
Component:  Customize                  |    Version:  trunk
 Severity:  normal                     |   Keywords:
  Focuses:  accessibility, javascript  |
---------------------------------------+-----------------------------
 When the menu items reorder buttons are disabled, they have a
 `tabindex="-1"` attribute set to remove them from tab order. By the way
 screen reader users can still use arrows to read content as they normally
 do for any element in the page. See in the screenshot below how using
 arrows the disabled buttons are actually announced.

 I'd propose to completely hide them using also `aria-hidden="true"`. This
 way, users will get only the controls they can actually use, reducing
 noise and potential confusion.

 [[Image(https://cldup.com/qdtLNtErnc.png)]]

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