Changeset 44896 for trunk/src/wp-admin/edit-form-advanced.php

Timestamp:

03/14/2019 05:38:36 PM (6 years ago)

Author:

afercia

Message:

Accessibility: Improve the placeholder "prompt" text in the post title and Quick Draft widget.

Old browsers didn't support the HTML placeholder attribute. For a number of years, <label> elements have been used in a few places in WordPress to emulate placeholders. It's time to improve semantics and interaction, use real placeholders when possible, and clean up some JavaScript.

• Quick Draft widget: it now uses visible <label> elements and a real placeholder attribute
• removes the related JavaScript
• Post title:
  • keeps the "prompt" label for backwards compatibility
  • improves the JavaScript to make the "prompt" label stay visible on focus and disappear when typing, like real placeholder do
• changes the post "prompt" text from "Enter title here" to "Add title" for consistency with the Block Editor
• cleans-up some CSS

Props Cheffheid, afercia.
Fixes #42390.

File:

• trunk/src/wp-admin/edit-form-advanced.php (modified) (1 diff)

trunk/src/wp-admin/edit-form-advanced.php

@@ -478 +478 @@
      * @since 3.1.0
      *
-     * @param string  $text Placeholder text. Default 'Enter title here'.
+     * @param string  $text Placeholder text. Default 'Add title'.
      * @param WP_Post $post Post object.
      */
-    $title_placeholder = apply_filters( 'enter_title_here', __( 'Enter title here' ), $post );
+    $title_placeholder = apply_filters( 'enter_title_here', __( 'Add title' ), $post );
     ?>
     <label class="screen-reader-text" id="title-prompt-text" for="title"><?php echo $title_placeholder; ?></label>