[wp-trac] [WordPress Trac] #47318: Fix the placeholder for the post title field on the classic Edit Post screen

[WordPress Trac]

#47318: Fix the placeholder for the post title field on the classic Edit Post
screen
-------------------------------------------------+-------------------------
 Reporter:  azaozz                               |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  5.3
Component:  Administration                       |     Version:
 Severity:  minor                                |  Resolution:
 Keywords:  good-first-bug has-patch needs-      |     Focuses:
  testing has-screenshots                        |  accessibility
-------------------------------------------------+-------------------------
Changes (by afercia):

 * keywords:  good-first-bug has-patch needs-testing => good-first-bug has-
     patch needs-testing has-screenshots


Comment:

 From an accessibility perspective, worth considering a couple things:

 - Internet Explorer 11 still removes the placeholder on focus, which is
 not standard and a bit annoying. The current implementation makes the
 visual behavior consistent across browsers
 - using the same value for the `<label>` element and the `placeholder`
 attribute would be necessary for speech recognition software users, as
 they need to know the input field name (given by the label) to be able to
 voice a command like `Click Add Title`. However, some screen readers may
 announce "Add Title" twice. [https://codepen.io/afercia/full/KLQNJg This
 behavior is greatly inconsistent] across different browser/screen reader
 combos. See a quick example in the screenshots below:

 Firefox + NVDA

 [[Image(http://cldup.com/pfa3I2pY8H.png)]]

 Chrome + NVDA

 [[Image(http://cldup.com/szHvHsX9pS.png)]]

 I'd tend to think the Internet Explorer 11 behavior is a minor concern. A
 bit more concerned about the value for the `placeholder` attribute and the
 double announcement. Worth also reminding this way to use placeholders is
 already a compromise for accessibility: placeholders shouldn't be used as
 visual replacement for labels, see #40331.

 Ideally, for web standards and accessibility, the title field should just
 use a visible label element :)

 [[Image(http://cldup.com/Cgqcvjkq_Q.png)]]

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/47318#comment:7>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform