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
This commit is contained in:
Dominik Schilling (ocean90) 2015-07-08 21:20:54 +00:00
parent 002dd563e0
commit 790b60ffb2
2 changed files with 8 additions and 4 deletions

View File

@ -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 {

View File

@ -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 {