[wp-trac] [WordPress Trac] #40515: Settings: date and time custom format keyboard trap

WordPress Trac noreply at wordpress.org
Fri Apr 21 15:47:36 UTC 2017


#40515: Settings: date and time custom format keyboard trap
----------------------------+-----------------------------
 Reporter:  afercia         |      Owner:
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  4.7.5
Component:  Administration  |    Version:
 Severity:  normal          |   Keywords:  has-screenshots
  Focuses:  accessibility   |
----------------------------+-----------------------------
 Noticed while working on the [https://github.com/wpaccessibility/settings-
 api-enhanced Settings API enhanced].

 When using a keyboard and trying to set the Date and Time format, users
 get "trapped": when focusing the custom format field.

 [[Image(https://cldup.com/Mc-wfz7mRy.png)]]

 The related radio button gets automatically selected and there's basically
 no way to select a radio button other than the custom format one. The only
 options would be:
 - select a radio button and then tab backwards through the whole interface
 until tabbing reaches the top of hte page and starts again from the bottom
 of the page: at that point users can finally reach the Save Changes button
 and save
 - select a radio button and press Enter to submit the form while the radio
 button is selected

 To reproduce:
 - use your keyboard Tab key to navigate to the Date format setting
 - once the active radio button has focus, use the arrow keys to change
 format
 - at that point you need to press the Tab key to move away from the radio
 buttons
 - as soon as you do that, the custom format field gets focused
 - the related custom format radio button gets automatically selected

 While this may make sense when using a pointing device (mouse or similar),
 it's a huge barrier for keyboard and screen reader users. Since the fix is
 simple enough, I'd propose this ticket for 4.7.5 consideration.

 Simply changing the `focus` event to `click input` would solve the issue:
 - for mouse users: the automatic selection would still work when clicking
 on the input field
 - for keyboard users: the automatic selection would happen just when they
 actually change the value in the input field, thus they would be allowed
 to keep navigating trough the form using the Tab key

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


More information about the wp-trac mailing list