[wp-trac] [WordPress Trac] #31326: Edit comment screen: misplaced-missing labels

[WordPress Trac]

#31326: Edit comment screen: misplaced-missing labels
-------------------------------+-----------------------------
 Reporter:  afercia            |      Owner:
     Type:  defect (bug)       |     Status:  new
 Priority:  normal             |  Milestone:  Awaiting Review
Component:  Comments           |    Version:  4.1
 Severity:  normal             |   Keywords:
  Focuses:  ui, accessibility  |
-------------------------------+-----------------------------
 In this form, neither "Name:", "E-mail:" or "URL:" are labels.

 The only label is the title "Author" associated with the "Name:" field.
 Pretty weird. See screenshot.

 [[Image(https://cldup.com/hw4IWGSouw.png)]]

 Once fixed, links can't be inside labels, it's pretty confusing. I'd
 propose to move them below the form fields. I'd say the proposed elements
 order makes sense when tabbing, e.g.:
 E-mail > {someone @ somewhere.org} -> send email

 The three form fields are now grouped in a `<fieldset>` and "Author" is
 the fieldset's `<legend>`. Added also a screen-reader-text'ed label for
 the comment's textarea. See screenshot:

 [[Image(https://cldup.com/_rL9uFi_31.png)]]

--
Ticket URL: <https://core.trac.wordpress.org/ticket/31326>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform