input[type="datetime-local"] element (html)
Screen Reader support level: partial (46/51)
Voice Control support level: partial (10/28)
On this page
About this feature
Age of results
Results across all tests for this feature range from 3 years ago to 5 years ago. Detailed dates and version information can be found in associated tests.
Caution
Failing or partial results may be out of date. The oldest result is from 5 years ago. Consider running the associated tests and contributing results.
Expectations
Screen Reader support by expectation
Expectation | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
MUST convey its name | supported | supported | supported | supported | supported | supported | supported | supported | supported | none | supported |
MUST convey its role | supported | supported | supported | supported | supported | supported | supported | supported | supported | none | supported |
MUST convey the current value | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
MUST convey changes in value | supported | supported | supported | none | supported | supported | supported | supported | supported | none | supported |
SHOULD provide shortcuts to jump to this role | supported | supported | supported | supported | supported | supported | supported | supported | supported | none | supported |
MUST support the date picker widget and native controls | supported | supported | not applicable | supported | supported | supported | not applicable | not applicable | partial | supported | not applicable |
Voice Control support by expectation
Expectation | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
MUST convey its name | none | supported | supported | supported | unknown | supported | unknown | unknown |
MUST convey its role | none | supported | not applicable | supported | unknown | supported | unknown | unknown |
MUST support the date picker widget and native controls | none | supported | supported | not applicable | unknown | partial | unknown | unknown |
MUST allow data entry | none | not applicable | not applicable | supported | unknown | none | unknown | unknown |
Expectation: convey its name
Rationale:
A screen reader user needs to know what to enter.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: MUST
Notes:
For form inputs - commands to read line by line (down and up arrows in most windows screen readers) will not always result in the name being explicitly conveyed when the virtual focus is moved to an input where the label is visually displayed and programmatically associated with the input. This is acceptable because the name is implied by the fact that it should be naturally found in the reading order. Some screen readers choose to not convey the name in these cases, likely in an effort to reduce verbosity.
Examples:
- A screen reader will announce the name (label).
- Voice control software will let the user say something like "click <name>" to activate the control.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
Basic html datetime-local input test | supported | supported | supported | supported | supported | supported | supported | supported | supported | none | supported |
Test | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
Basic html datetime-local input test | none | supported | supported | supported | unknown | supported | unknown | unknown |
Expectation: convey its role
Rationale:
A screen reader user needs to know how they can interact with the element. Voice control software might use the role to help users activate controls that do not have a visible name.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: MUST
Examples:
- A screen reader might be announce the role as "popup button", "edit", "edit text", "date edit", "date picker", etc.
- Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
Basic html datetime-local input test | supported | supported | supported | supported | supported | supported | supported | supported | supported | none | supported |
Test | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
Basic html datetime-local input test | none | supported | not applicable | supported | unknown | supported | unknown | unknown |
Expectation: convey the current value
Rationale:
A screen reader user needs to know the current value of the input.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
Basic html datetime-local input test | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Expectation: convey changes in value
Rationale:
The user needs to know that the value was successfully changed.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: NA
Examples:
- When the user enter texts, the screen reader will announce it back to them.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
Basic html datetime-local input test | supported | supported | supported | none | supported | supported | supported | supported | supported | none | supported |
Expectation: provide shortcuts to jump to this role
Rationale:
Screen reader users might want to quickly navigate to elements of this type.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: SHOULD
- Voice Control: NA
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
Basic html datetime-local input test | supported | supported | supported | supported | supported | supported | supported | supported | supported | none | supported |
Expectation: support the date picker widget and native controls
Rationale:
Users need to be able to operate the the date picker widget.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: MUST
Notes:
This expectation covers both the date picker widget and the embedded native controls implemented by some browsers. For example, some browsers include multiple tab stops, one each for the day, month, and year, as well as a date picker popup. Because browsers are not consistent with how these controls are implemented, they are lumped into one expectation. This expectation passes if all controls have a name, role, value, and other appropriate semantics passed. Reality check: a user can use all provided controls and successfully enter a date.
Examples:
- If implemented as a text field, this is not applicable
- If implemented as a date picker, the screen reader must convey appropriate semantics
- If implemented as multiple text inputs (one each for month, day, and year), the screen reader must convey appropriate semantics
- Voice control software will let the user activate and fill the appropriate controls
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
Basic html datetime-local input test | supported | supported | not applicable | supported | supported | supported | not applicable | not applicable | partial | supported | not applicable |
Test | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
Basic html datetime-local input test | none | supported | supported | not applicable | unknown | partial | unknown | unknown |
Expectation: allow data entry
Rationale:
Users need to be able to enter data
Strength of this expectation for different types of assistive technologies:
- Screen Readers: NA
- Voice Control: MUST
Examples:
- Voice control software might allow someone to dictate data into a field once it is focused.
Test | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
Basic html datetime-local input test | none | not applicable | not applicable | supported | unknown | none | unknown | unknown |