[wp-trac] [WordPress Trac] #51580: Application Passwords: Accessibility Improvements

[WordPress Trac]

#51580: Application Passwords: Accessibility Improvements
------------------------------------+--------------------------------------
 Reporter:  georgestephanis         |       Owner:  (none)
     Type:  defect (bug)            |      Status:  new
 Priority:  normal                  |   Milestone:  5.6
Component:  Login and Registration  |     Version:  trunk
 Severity:  normal                  |  Resolution:
 Keywords:  has-patch               |     Focuses:  accessibility, rest-api
------------------------------------+--------------------------------------

Comment (by afercia):

 Thanks for this ticket and the explored improvements.

 Notice a couple more things:

 1
 The input field has no visible label and instead does have a visible
 placeholder attribute. This is an accessibility anti-pattern: placeholders
 are not replacement for labels. I'd strongly recommend to remove the
 placeholder attribute and make the label element visible.
 Also, the label text and the placeholder text are duplicate: "New
 Application Password Name".

 2
 When using a keyboard and submitting, the form elements get disabled,
 including the submit button. This way, the element that had keyboard focus
 loses focus and there's a focus loss. ideally, interactive elements that
 have focus should never get disabled or removed/hidden from the DOM while
 they're focused. Ideally, instead of disabling, the button should get an
 aria-disabled="true" attribute and noop. If this isn't possible, a
 temporary workaround would be setting focus on the button again once the
 AJAX action has completed.

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