[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