Accessibility: Improve keyboard accessibility avoiding confusing tab stops in the Media views.

When sections of the media modal are hidden out of view, their controls may be
still focusable and actionable. This completely hides these sections to avoid
unnecessary tab stops and potential confusion for assistive technology users.

Props SergeyBiryukov, afercia.

Fixes #30599.

Built from https://develop.svn.wordpress.org/trunk@39529


git-svn-id: http://core.svn.wordpress.org/trunk@39469 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrea Fercia 2016-12-06 23:28:41 +00:00
parent a9600d1a53
commit 23ac0d0616
5 changed files with 9 additions and 21 deletions

View File

@ -701,23 +701,17 @@
right: 0;
}
.media-frame.hide-menu .media-frame-menu {
right: -200px;
}
.media-frame.hide-toolbar .media-frame-content {
bottom: 0;
}
.media-frame.hide-toolbar .media-frame-toolbar {
bottom: -61px;
}
.media-frame.hide-router .media-frame-content {
top: 50px;
}
.media-frame.hide-router .media-frame-router {
.media-frame.hide-menu .media-frame-menu,
.media-frame.hide-router .media-frame-router,
.media-frame.hide-toolbar .media-frame-toolbar {
display: none;
}

File diff suppressed because one or more lines are too long

View File

@ -701,23 +701,17 @@
left: 0;
}
.media-frame.hide-menu .media-frame-menu {
left: -200px;
}
.media-frame.hide-toolbar .media-frame-content {
bottom: 0;
}
.media-frame.hide-toolbar .media-frame-toolbar {
bottom: -61px;
}
.media-frame.hide-router .media-frame-content {
top: 50px;
}
.media-frame.hide-router .media-frame-router {
.media-frame.hide-menu .media-frame-menu,
.media-frame.hide-router .media-frame-router,
.media-frame.hide-toolbar .media-frame-toolbar {
display: none;
}

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '4.8-alpha-39528';
$wp_version = '4.8-alpha-39529';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.