From 790b60ffb2f51097d510e14cf2850d7c49c50d15 Mon Sep 17 00:00:00 2001
From: "Dominik Schilling (ocean90)" <ocean90@git.wordpress.org>
Date: Wed, 8 Jul 2015 21:20:54 +0000
Subject: [PATCH] Customizer: Use `visibility` to hide available widgets and
 menu items panels from screen readers and to move them out of tab order.

props afercia.
fixes #32883.

git-svn-id: https://develop.svn.wordpress.org/trunk@33136 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/customize-nav-menus.css | 8 +++++---
 src/wp-admin/css/customize-widgets.css   | 4 +++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/wp-admin/css/customize-nav-menus.css b/src/wp-admin/css/customize-nav-menus.css
index 13308e81f1..002308b569 100644
--- a/src/wp-admin/css/customize-nav-menus.css
+++ b/src/wp-admin/css/customize-nav-menus.css
@@ -589,16 +589,17 @@
 
 #available-menu-items {
 	position: absolute;
-	overflow: hidden;
 	top: 0;
 	bottom: 0;
 	left: -301px;
+	visibility: hidden;
+	overflow: hidden;
 	width: 300px;
 	margin: 0;
 	z-index: 4;
 	background: #eee;
-	-webkit-transition: all 0.2s;
-	transition: all 0.2s;
+	-webkit-transition: left .18s;
+	transition: left .18s;
 	border-right: 1px solid #ddd;
 }
 
@@ -797,6 +798,7 @@ button.not-a-button {
 
 body.adding-menu-items #available-menu-items {
 	left: 0;
+	visibility: visible;
 }
 
 body.adding-menu-items .wp-full-overlay-main {
diff --git a/src/wp-admin/css/customize-widgets.css b/src/wp-admin/css/customize-widgets.css
index 5304d08c2a..278c32fa21 100644
--- a/src/wp-admin/css/customize-widgets.css
+++ b/src/wp-admin/css/customize-widgets.css
@@ -350,10 +350,11 @@ body.adding-widget .add-new-widget:before {
 
 #available-widgets {
 	position: absolute;
-	overflow: auto;
 	top: 0;
 	bottom: 0;
 	left: -301px;
+	visibility: hidden;
+	overflow: auto;
 	width: 300px;
 	margin: 0;
 	z-index: 1;
@@ -435,6 +436,7 @@ body.adding-widget .add-new-widget:before {
 
 body.adding-widget #available-widgets {
 	left: 0;
+	visibility: visible;
 }
 
 body.adding-widget .wp-full-overlay-main {