Changeset 39529

Timestamp:

12/06/2016 11:27:04 PM (8 years ago)

Author:

afercia

Message:

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.

File:

• trunk/src/wp-includes/css/media-views.css (modified) (1 diff)

trunk/src/wp-includes/css/media-views.css

@@ -702 +702 @@
 }
 
-.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;
 }