Changeset 42790

Timestamp:

03/06/2018 05:20:07 PM (7 years ago)

Author:

afercia

Message:

Accessibility: Make the Widgets screen "Enable accessibility mode" link more discoverable.

For a number of years, the link to the Widgets screen "Accessibility mode" lived
in the Screen Options panel, hidden by default. Many users, including assistive
technologies users, weren't able to find it or even aware it existed. By bringing
the link in the main screen, visible by default, this change makes the
"Accessibility mode" easily discoverable for everyone.

Props chetan200891, antonioeatgoat.
Fixes #42778.

Location:

trunk/src/wp-admin

Files:

• css/widgets.css (modified) (2 diffs)
• includes/class-wp-screen.php (modified) (1 diff)
• widgets.php (modified) (1 diff)

trunk/src/wp-admin/css/widgets.css

@@ -496 +496 @@
 
 /* Accessibility Mode */
+.widget-access-link {
+    float: right;
+    margin: -5px 0 10px 10px;
+}
+
 .widgets_access #widgets-left .widget .widget-top {
     cursor: auto;
@@ -794 +799 @@
         max-width: 480px;
     }
+
+    .widget-access-link {
+        float: none;
+        margin: 15px 0 0 0;
+    }
 }
 

trunk/src/wp-admin/includes/class-wp-screen.php

@@ -919 +919 @@
         $show_screen = ! empty( $wp_meta_boxes[ $this->id ] ) || $columns || $this->get_option( 'per_page' );
 
-        switch ( $this->base ) {
-            case 'widgets':
-                $nonce                  = wp_create_nonce( 'widgets-access' );
-                $this->_screen_settings = '<p><a id="access-on" href="widgets.php?widgets-access=on&_wpnonce=' . urlencode( $nonce ) . '">' . __( 'Enable accessibility mode' ) . '</a><a id="access-off" href="widgets.php?widgets-access=off&_wpnonce=' . urlencode( $nonce ) . '">' . __( 'Disable accessibility mode' ) . "</a></p>\n";
-                break;
-            case 'post':
-                $expand                 = '<fieldset class="editor-expand hidden"><legend>' . __( 'Additional settings' ) . '</legend><label for="editor-expand-toggle">';
-                $expand                .= '<input type="checkbox" id="editor-expand-toggle"' . checked( get_user_setting( 'editor_expand', 'on' ), 'on', false ) . ' />';
-                $expand                .= __( 'Enable full-height editor and distraction-free functionality.' ) . '</label></fieldset>';
-                $this->_screen_settings = $expand;
-                break;
-            default:
-                $this->_screen_settings = '';
-                break;
+        $this->_screen_settings = '';
+
+        if ( 'post' === $this->base ) {
+            $expand                 = '<fieldset class="editor-expand hidden"><legend>' . __( 'Additional settings' ) . '</legend><label for="editor-expand-toggle">';
+            $expand                .= '<input type="checkbox" id="editor-expand-toggle"' . checked( get_user_setting( 'editor_expand', 'on' ), 'on', false ) . ' />';
+            $expand                .= __( 'Enable full-height editor and distraction-free functionality.' ) . '</label></fieldset>';
+            $this->_screen_settings = $expand;
         }
 

trunk/src/wp-admin/widgets.php

@@ -400 +400 @@
     );
 }
-?>
+
+$nonce = wp_create_nonce( 'widgets-access' );
+?>
+<div class="widget-access-link">
+    <a id="access-on" href="widgets.php?widgets-access=on&_wpnonce=<?php echo urlencode( $nonce ); ?>"><?php _e( 'Enable accessibility mode' ); ?></a><a id="access-off" href="widgets.php?widgets-access=off&_wpnonce=<?php echo urlencode( $nonce ); ?>"><?php _e( 'Disable accessibility mode' ); ?></a>
+</div>
 
 <hr class="wp-header-end">