Ticket #47318: 47318.3.diff

src/wp-admin/css/common.css

@@ -206 +206 @@
         background: #fff;
 }
 
+.no-js .wp-editor-container {
+        background: transparent;
+}
+
 /* general */
 html,
 body {

src/wp-admin/css/edit.css

@@ -47 +47 @@
         cursor: text;
 }
 
+.no-js #titlediv label {
+        cursor: auto;
+}
+
 #titlediv div.inside {
         margin: 0;
 }
@@ -72 +76 @@
         position: absolute;
         font-size: 1.7em;
         padding: 11px 10px;
+        pointer-events: none;
 }
 
+.no-js #titlediv #title-prompt-text.screen-reader-text {
+        position: static;
+        -webkit-clip-path: none;
+        clip-path: none;
+        display: inline-block;
+        width: auto;
+        height: auto;
+        margin: 0;
+        padding: 6px 0;
+        font-size: inherit;
+        color: inherit;
+        pointer-events: auto;
+        cursor: auto;
+}
+
+.wp-editor-content-label {
+        display: none;
+}
+
+.no-js .wp-editor-content-label {
+        display: inline-block;
+        padding: 6px 0;
+        cursor: auto;
+}
+
 input#link_description,
 input#link_url {
         width: 98%;

src/wp-includes/class-wp-editor.php

@@ -263 +263 @@
                         'the_editor',
                         '<div id="wp-' . $editor_id_attr . '-editor-container" class="wp-editor-container">' .
                         $quicktags_toolbar .
+                        '<label for="' . $editor_id_attr . '" class="wp-editor-content-label">' . __( 'Content' ) . '</label>' .
                         '<textarea' . $editor_class . $height . $tabindex . $autocomplete . ' cols="40" name="' . esc_attr( $set['textarea_name'] ) . '" ' .
                         'id="' . $editor_id_attr . '">%s</textarea></div>'
                 );

src/wp-includes/css/editor.css

@@ -1085 +1085 @@
         border: 1px solid #e5e5e5;
 }
 
+.no-js .wp-editor-container {
+        border: none;
+}
+
+.no-js .wp-editor-container textarea {
+        border: 1px solid #e5e5e5;
+}
+
+.no-js .wp-editor-container textarea:focus {
+        border-color: #5b9dd9;
+        box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+        /* Only visible in Windows High Contrast mode */
+        outline: 2px solid transparent;
+}
+
 .wp-editor-area {
         font-family: Consolas, Monaco, monospace;
         font-size: 13px;