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:
parent
a9600d1a53
commit
23ac0d0616
|
@ -701,23 +701,17 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-frame.hide-menu .media-frame-menu {
|
|
||||||
right: -200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame.hide-toolbar .media-frame-content {
|
.media-frame.hide-toolbar .media-frame-content {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-frame.hide-toolbar .media-frame-toolbar {
|
|
||||||
bottom: -61px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame.hide-router .media-frame-content {
|
.media-frame.hide-router .media-frame-content {
|
||||||
top: 50px;
|
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;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -701,23 +701,17 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-frame.hide-menu .media-frame-menu {
|
|
||||||
left: -200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame.hide-toolbar .media-frame-content {
|
.media-frame.hide-toolbar .media-frame-content {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-frame.hide-toolbar .media-frame-toolbar {
|
|
||||||
bottom: -61px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame.hide-router .media-frame-content {
|
.media-frame.hide-router .media-frame-content {
|
||||||
top: 50px;
|
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;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -4,7 +4,7 @@
|
||||||
*
|
*
|
||||||
* @global string $wp_version
|
* @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.
|
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||||
|
|
Loading…
Reference in New Issue