Admin menu: improve accessibility when collapsed.

staylor · staylor · commit 9f5df5d0455e · 2015-06-25T19:32:36.000Z
Props afercia. Fixes #32346. git-svn-id: https://develop.svn.wordpress.org/trunk@32946 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-admin/css/admin-menu.css b/src/wp-admin/css/admin-menu.css
@@ -318,11 +318,15 @@
 	padding: 0;
 }
 
-#adminmenu .wp-submenu-head,
-.folded #adminmenu .wp-menu-name {
+#adminmenu .wp-submenu-head {
 	display: none;
 }
 
+.folded #adminmenu .wp-menu-name {
+	position: absolute;
+	left: -999px;
+}
+
 .folded #adminmenu .wp-submenu-head {
 	display: block;
 }
@@ -678,7 +682,8 @@ li#wp-admin-bar-menu-toggle {
 	}
 
 	.auto-fold #adminmenu .wp-menu-name {
-		display: none;
+		position: absolute;
+		left: -999px;
 	}
 
 	.auto-fold #adminmenu .wp-submenu-head {
@@ -797,7 +802,7 @@ li#wp-admin-bar-menu-toggle {
 
 	/* Restore the menu names */
 	.auto-fold #adminmenu .wp-menu-name {
-		display: block;
+		position: static;
 		margin-left: 35px;
 	}
 
diff --git a/src/wp-admin/menu-header.php b/src/wp-admin/menu-header.php
@@ -157,7 +157,7 @@ function _wp_menu_output( $menu, $submenu, $submenu_as_parent = true ) {
 
 		if ( ! empty( $submenu_items ) ) {
 			echo "\n\t<ul class='wp-submenu wp-submenu-wrap'>";
-			echo "<li class='wp-submenu-head'>{$item[0]}</li>";
+			echo "<li class='wp-submenu-head' aria-hidden='true'>{$item[0]}</li>";
 
 			$first = true;
 

Original file line number	Diff line number	Diff line change
`@@ -318,11 +318,15 @@`
`318`	`318`	`padding: 0;`
`319`	`319`	`}`
`320`	`320`
`321`		`-#adminmenu .wp-submenu-head,`
`322`		`-.folded #adminmenu .wp-menu-name {`
	`321`	`+#adminmenu .wp-submenu-head {`
`323`	`322`	`display: none;`
`324`	`323`	`}`
`325`	`324`
	`325`	`+.folded #adminmenu .wp-menu-name {`
	`326`	`+ position: absolute;`
	`327`	`+ left: -999px;`
	`328`	`+}`
	`329`	`+`
`326`	`330`	`.folded #adminmenu .wp-submenu-head {`
`327`	`331`	`display: block;`
`328`	`332`	`}`
`@@ -678,7 +682,8 @@ li#wp-admin-bar-menu-toggle {`
`678`	`682`	`}`
`679`	`683`
`680`	`684`	`.auto-fold #adminmenu .wp-menu-name {`
`681`		`- display: none;`
	`685`	`+ position: absolute;`
	`686`	`+ left: -999px;`
`682`	`687`	`}`
`683`	`688`
`684`	`689`	`.auto-fold #adminmenu .wp-submenu-head {`
`@@ -797,7 +802,7 @@ li#wp-admin-bar-menu-toggle {`
`797`	`802`
`798`	`803`	`/* Restore the menu names */`
`799`	`804`	`.auto-fold #adminmenu .wp-menu-name {`
`800`		`- display: block;`
	`805`	`+ position: static;`
`801`	`806`	`margin-left: 35px;`
`802`	`807`	`}`
`803`	`808`