Open
Bug 1801917
Opened 2 years ago
Updated 2 years ago
Decide if a user can arrow to a Calendar button within date and datetime-local inputs
Categories
(Core :: Layout: Form Controls, enhancement)
Tracking
()
NEW
People
(Reporter: ayeddi, Unassigned)
References
(Blocks 1 open bug, )
Details
(Keywords: access)
Attachments
(1 file)
STR
- Open a new tab with URI
data:text/html,<input type=date><input type=datetime-local>
- Navigate to the date input with a
Tab
key - When the input is focused, use arrow keys (
Arrow Right
andArrow Left
) to navigate between spinbuttons of these controls, i.e. from the day to month to year selectors. - Try to navigate to the Calendar button within a field
- Try to navigate to the next input field with
Tab
keypress
Actual:
- User has to press
Tab
(from any position within an input) to focus the Calendar button - User has to press
Tab
twice instead of once to navigate past the input with a Calendar button in it
Expected/Possible:
- User can arrow from within the input field to focus the Calendar button, for example:
Arrow Right
from theyear
spinbutton for a date inputArrow Right
from thepm/am
spinbutton for a datetime-local input (within the en_US locale)
- User will only need to press
Tab
once to navigate past this input field to proceed with filing up the form
Form fields
<input type=date>
<input type=datetime-local>
UI element
- Calendar button that toggles a datepicker panel (introduced with bug 1676068)
Question
Should we allow a user to arrow to the Calendar button to reduce the number of Tab
keypresses they need to navigate pass these input fields and keep the consistent navigation pattern for all elements within each field?
This would especially affect users with limited mobility by reducing the number of actions needed to skip the field if they chose to do so.
Reporter | ||
Comment 1•2 years ago
|
||
Additional question is if we want to keep the tabbing within the input itself, because now a user should Tab
from the first field like month
to day
and then to year
before reaching out to the Calendar
button - both arrow and tab navigation is provided within a field.
Reporter | ||
Updated•2 years ago
|
Blocks: datetime-bugs
You need to log in
before you can comment on or make changes to this bug.
Description
•