[wp-trac] [WordPress Trac] #32883: Menu Customizer: available menu items (and widgets) after preview iframe should be really hidden and out of tab order

[WordPress Trac]

#32883: Menu Customizer: available menu items (and widgets) after preview iframe
should be really hidden and out of tab order
---------------------------+-------------------
 Reporter:  afercia        |      Owner:
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  4.3
Component:  Customize      |    Version:  trunk
 Severity:  normal         |   Keywords:
  Focuses:  accessibility  |
---------------------------+-------------------
 The available Menu Items panel (and also the available Widgets panel) are
 placed in the HTML source after the preview iframe. They're hidden because
 they're just out of view but still focusable.

 To reproduce, navigate the Customizer using your keyboard and tab through
 all the elements in the preview until you reach the last focusable
 element, e.g. like in the screenshot below:

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

 Now keep tabbing and you will notice there are several tab stops before
 you can actually reach the end of the page. You're actually navigating
 through all the available Widgets and the available Menu Items controls.

 Screen readers will announce all this content since it's actually
 "visible" for assistive technologies.

 The Customizer is already using `visibility: hidden` to hide hidden
 elements from keyboard focus and screen readers, see [changeset:33069] and
 that should be applied here too.

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