From 30076372d76fd6151bef8e1c962638ea321e09e0 Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Tue, 6 Dec 2016 23:27:04 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@39529 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-includes/css/media-views.css | 12 +++--------- 1 file changed, 3 insertions(+), 9 deletions(-) diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index b5d0953eb2..b210a17594 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -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; }