Notice: This is a work in progress. Please submit feedback or suggestions.

Test: Basic html datetime-local input test

Screen Reader support level: partial (25/45)

Voice Control support level: partial (9/13)

A basic html datetime-local input test.

Run this test and and submit your results

On this page

Test HTML

open the test page

HTML source is too long to display here.

Dates and Versions of tested combinations

ATAT VersionBrowserBrowser versionOS versionDate tested
Dragon Naturally Speaking15.30Chrome7719032019-11-02
JAWS2020.1912.11Chrome7919092020-01-28
JAWS2020.1912.11IE1119092020-01-28
JAWS2020.1912.11Firefox7219092020-01-28
Narrator1903Edge4419032019-11-02
NVDA2019.2.1Chrome7719032019-11-02
NVDA2019.2.1Firefox6919032019-11-02
Orca3.31.4Firefox69Ubuntu 19.042019-11-02
TalkBack7.3.0Chrome777.02019-11-02
Voice Access (Android)3.1Chrome777.02019-11-02
Voice Control (iOS)13.2Safari13.113.22019-11-02
Voice Control (MacOS)10.15Safari13.0.210.152019-11-02
VoiceOver (iOS)13.2Safari13.113.22019-11-02
VoiceOver (macOS)10.15Safari13.0.210.152019-11-02
Windows Speech Recognition1903Chrome7719032019-11-02

Summary of Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
input[type="datetime-local"] element
MUST convey an appropriate namepartial (2/3)partialpartial (1/2)supportedsupportednonepartial
MUST convey an appropriate rolesupportedpartialpartial (1/2)supportedsupportednonepartial
MUST convey the current valuepartial (2/3)supportedpartial (1/2)supportednonesupportedpartial
MUST convey changes in valuesupportednonesupportedsupportednonenonesupported
SHOULD provide shortcuts to jump to this rolesupportedsupportedpartial (1/2)supportedsupportednonesupported
MUST support the date picker widget and native controlspartialsupportedpartialnot applicablepartialpartialnot applicable

* means that some support is hidden behind settings

Summary of Voice Control support by expectation

ExpectationDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech Recognition
input[type="datetime-local"] element
MUST convey an appropriate namenonesupportedsupportedsupportedsupported
MUST convey an appropriate rolenonesupportednot applicablesupportedsupported
MUST support the date picker widget and native controlsnonesupportedsupportednot applicablepartial

* means that some support is hidden behind settings

Detailed support results by expectation

Expectation for the input[type="datetime-local"] element: convey an appropriate name

Rationale: A screen reader user needs to know what to enter.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MUST

Examples of assistive technologies support this expectation:

  • A screen reader will announce the name (label).
  • Voice control software will let the user say something like "click <name>" to activate the control.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the input[type="datetime-local"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenone
  • Result: (fail)
    • command: "Click <text>" (Activate item by name)
    • Output: input was not focused
    • Command Notes: said "click enter a date"
More information
JAWSChromepartial
  • Result: (fail)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "12, date time, edit"
    • Command Notes: each part of the date (month, day, and year) is rendered as its own tab stop and control
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "month, enter a date, edit spin box, 12"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, datetime edit, 12/12/2012 07:30 pm, show date picker"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date, edit, 2012-12-12T19:30"
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "edit, 2012-12-12T19:30, enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date edit 2012-12-12T19:30"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date edit 2012-12-12T19:30"
More information
NarratorEdgepartial
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, local date and time, december 12, 2012, 7:30 pn"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "december 12, 2012, button"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date, 12-12-2012, december 12, 2012, suggestions available, 12 of 31, selected"
More information
NVDAChromepartial
  • Result: (fail)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "spin button 12 / spin button 12 / spin button 2012 / spin button 07, spin button 30, spin button pm"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date edit, month, enter a date, spin button, 12"
  • Result: (na)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "show date picker, menu button, sub menu"
    • Result Notes: date picker button was found, but not the actual input
  • Result: (na)
    • command: NVDA + F7 (Open Elements List)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "show date picker, menu button, sub menu"
    • Result Notes: date picker button was found, but not the actual input
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "clickable, enter a date, edit, has auto complete, 2012-12-12T19:30"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, has auto complete, selected 2012-12-12T19:30"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, has auto complete, 2019-12-12:T19:30"
  • Result: (pass)
    • command: NVDA + F7 (Open Elements List)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date, edit, has auto complete, 2019-12-12:T19:30"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, entry, 2012-12-12T19:30"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, entry, 2012-12-12T19:30, selected"
  • Result: (pass)
    • command: Tab (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, entry, 2012-12-12T1930"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date and time picker, double-top to activate"
  • Result: (pass)
    • command: Swipe right (next control (correct item type must be selected))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date and time picker, double tap to activate"
More information
Voice Access (Android)Chromeyes
  • Result: (pass)
    • command: "Tap <text>" or just "<text>" (Activate item by name)
    • Output: input was flagged for disambiguation
    • Command Notes: said "click enter a date"
More information
Voice Control (iOS)Safariyes
  • Result: (pass)
    • command: "Tap <text>" (Activate item by name)
    • Output: input was flagged for disambiguation
    • Command Notes: said "tap enter a date"
More information
Voice Control (MacOS)Safariyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: input was flagged for disambiguation
    • Command Notes: said "click enter a date"
More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "december 12, 2012, at 7:30 pm, "
  • Result: (na)
    • command: Swipe down (next form control (correct item type must be selected))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: skipped
More information
VoiceOver (macOS)Safaripartial
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "12T9:30"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "2012-12-12T9:30, contents selected, enter a date, edit text"
  • Result: (fail)
    • command: VO + Command + J (Next Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "2012-12-12T19:30"
  • Result: (pass)
    • command: VO + U (Open Rotor)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form controls as "2012-12-12T19:30 enter a date edit text"
More information
Windows Speech RecognitionChromeyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: Embedded controls were flagged for disambiguation
    • Command Notes: said "click enter a date"
More information

Extended Support for: input[type="datetime-local"] element: convey an appropriate name

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEunknown-More information
Dragon Naturally SpeakingFirefoxunknown-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxunknown-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromeunknown-More information
Voice Control (MacOS)Firefoxunknown-More information
Windows Speech RecognitionEdgeunknown-More information
Back to top

Expectation for the input[type="datetime-local"] element: convey an appropriate 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 these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MUST

Examples of assistive technologies support this expectation:

  • 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.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the input[type="datetime-local"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenone
  • Result: (fail)
    • command: Click <role> (Click Type)
    • Output: input was not found
    • Command Notes: said "click edit"
More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "12, date time, edit"
    • Command Notes: each part of the date (month, day, and year) is rendered as its own tab stop and control
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "month, enter a date, edit spin box, 12"
    • Result Notes: role implied by the embedded spin box
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, datetime edit, 12/12/2012 07:30 pm, show date picker"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date, edit, 2012-12-12T19:30"
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "edit, 2012-12-12T19:30, enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date edit 2012-12-12T19:30"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date edit 2012-12-12T19:30"
More information
NarratorEdgepartial
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, local date and time, december 12, 2012, 7:30 pn"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "december 12, 2012, button"
    • Result Notes: the embedded button role does not clearly convey the role for the entire input
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date, 12-12-2012, december 12, 2012, suggestions available, 12 of 31, selected"
More information
NVDAChromepartial
  • Result: (fail)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "spin button 12 / spin button 12 / spin button 2012 / spin button 07, spin button 30, spin button pm"
    • Result Notes: embedded roles were conveyed, but not the outer control
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date edit, month, enter a date, spin button, 12"
  • Result: (na)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "show date picker, menu button, sub menu"
    • Result Notes: date picker button was found but not the actual input
  • Result: (na)
    • command: NVDA + F7 (Open Elements List)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "show date picker, menu button, sub menu"
    • Result Notes: date picker button was found but not the actual input
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "clickable, enter a date, edit, has auto complete, 2012-12-12T19:30"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, has auto complete, selected 2012-12-12T19:30"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, has auto complete, 2019-12-12:T19:30"
  • Result: (pass)
    • command: NVDA + F7 (Open Elements List)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date, edit, has auto complete, 2019-12-12:T19:30"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, entry, 2012-12-12T19:30"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, entry, 2012-12-12T19:30, selected"
  • Result: (pass)
    • command: Tab (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, entry, 2012-12-12T1930"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date and time picker, double-top to activate"
  • Result: (pass)
    • command: Swipe right (next control (correct item type must be selected))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date and time picker, double tap to activate"
More information
Voice Access (Android)Chromeyes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: input was flagged with a number
More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safariyes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: input was flagged with a number
More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "december 12, 2012, at 7:30 pm, "
  • Result: (na)
    • command: Swipe down (next form control (correct item type must be selected))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: skipped
More information
VoiceOver (macOS)Safaripartial
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "12T9:30"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "2012-12-12T9:30, contents selected, enter a date, edit text"
  • Result: (fail)
    • command: VO + Command + J (Next Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "2012-12-12T19:30"
  • Result: (pass)
    • command: VO + U (Open Rotor)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form controls as "2012-12-12T19:30 enter a date edit text"
More information
Windows Speech RecognitionChromeyes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: embedded controls were flagged for disambiguation
More information

Extended Support for: input[type="datetime-local"] element: convey an appropriate role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEunknown-More information
Dragon Naturally SpeakingFirefoxunknown-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxunknown-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromeunknown-More information
Voice Control (MacOS)Firefoxunknown-More information
Windows Speech RecognitionEdgeunknown-More information
Back to top

Expectation for the input[type="datetime-local"] element: convey the current value

Rationale: A screen reader user needs to know the current value of the input.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the input[type="datetime-local"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromepartial
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "12, date time, edit"
    • Command Notes: each part of the date (month, day, and year) is rendered as its own tab stop and control
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "month, enter a date, edit spin box, 12"
    • Result Notes: value was only partially conveyed
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, datetime edit, 12/12/2012 07:30 pm, show date picker"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date, edit, 2012-12-12T19:30"
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "edit, 2012-12-12T19:30, enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date edit 2012-12-12T19:30"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30, type in text"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date edit 2012-12-12T19:30"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, local date and time, december 12, 2012, 7:30 pn"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "december 12, 2012, button"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date, 12-12-2012, december 12, 2012, suggestions available, 12 of 31, selected"
More information
NVDAChromepartial
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "spin button 12 / spin button 12 / spin button 2012 / spin button 07, spin button 30, spin button pm"
  • Result: (partial)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date edit, month, enter a date, spin button, 12"
    • Result Notes: value was only partially conveyed
  • Result: (na)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "show date picker, menu button, sub menu"
    • Result Notes: date picker button was found, but not the actual input
  • Result: (na)
    • command: NVDA + F7 (Open Elements List)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "show date picker, menu button, sub menu"
    • Result Notes: date picker button was found, but not the actual input
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "clickable, enter a date, edit, has auto complete, 2012-12-12T19:30"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, has auto complete, selected 2012-12-12T19:30"
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, has auto complete, 2019-12-12:T19:30"
  • Result: (pass)
    • command: NVDA + F7 (Open Elements List)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date, edit, has auto complete, 2019-12-12:T19:30"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, entry, 2012-12-12T19:30"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, entry, 2012-12-12T19:30, selected"
  • Result: (pass)
    • command: Tab (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, entry, 2012-12-12T1930"
More information
TalkBackChromenone
  • Result: (fail)
    • command: Swipe right (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date and time picker, double-top to activate"
  • Result: (fail)
    • command: Swipe right (next control (correct item type must be selected))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date and time picker, double tap to activate"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "december 12, 2012, at 7:30 pm, "
  • Result: (na)
    • command: Swipe down (next form control (correct item type must be selected))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: skipped
More information
VoiceOver (macOS)Safaripartial
  • Result: (partial)
    • command: VO + Right arrow (Read next item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "12T9:30"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "2012-12-12T9:30, contents selected, enter a date, edit text"
  • Result: (pass)
    • command: VO + Command + J (Next Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "2012-12-12T19:30"
  • Result: (pass)
    • command: VO + U (Open Rotor)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form controls as "2012-12-12T19:30 enter a date edit text"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: input[type="datetime-local"] element: convey the current value

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech RecognitionEdgenot applicable-More information
Back to top

Expectation for the input[type="datetime-local"] element: convey changes in value

Rationale: The user needs to know that the value was successfully changed.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • When the user enter texts, the screen reader will announce it back to them.

Grading method: All of the listed commands must pass for the expectation to pass.

This expectation is from the input[type="datetime-local"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • Result: (pass)
    • command: <keyboard command> (Keyboard command while in forms or application mode)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: new value was announced
    • Result Notes: for example, if you press "up arrow" or "down arrow" on any of the embedded spin boxes
More information
JAWSIEyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: new value was announced
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: new value was announced
More information
NarratorEdgenone
  • Result: (fail)
    • command: Enter or Space Bar (Activate Item (primary action))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: after changing the value in the widget and activating the button accept button, the date input was focused but the new value was not conveyed.
    • Result Notes: Scan mode must be manually turned off to interact with widgets
Notes: unable to change the value without using the date picker widget
More information
NVDAChromeyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: character was announced followed by the announcement of the formatted value.
    • Result Notes: for example, if you enter "1" into the month field, "1" is announced followed by "01"
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: new character was announced
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: new character was announced
More information
TalkBackChromenone
  • Result: (fail)
    • command: double tap (Activate button)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: input was announced without a value
    • Result Notes: changed the value in the date picker and activated the "set" button.
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Double tap (Activate Button)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: focus was sent to the format controls button at the top of the window and new value was not conveyed
    • Result Notes: clicked "done" in the widget keyboard
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: target
      • virtual cursor location: target
    • location after command: target
    • Output: new character was announced
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: input[type="datetime-local"] element: convey changes in value

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech RecognitionEdgenot applicable-More information
Back to top

Expectation for the input[type="datetime-local"] element: provide shortcuts to jump to this role

Rationale: Screen reader users might want to quickly navigate to elements of this type.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: SHOULD
  • Voice Control: NA

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the input[type="datetime-local"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, datetime edit, 12/12/2012 07:30 pm, show date picker"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date, edit, 2012-12-12T19:30"
More information
JAWSIEyes
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date edit 2012-12-12T19:30"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, 2012-12-12T19:30"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date edit 2012-12-12T19:30"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date, 12-12-2012, december 12, 2012, suggestions available, 12 of 31, selected"
More information
NVDAChromepartial
  • Result: (partial)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "show date picker, menu button, sub menu"
    • Result Notes: date picker button was found, but not the actual input.
  • Result: (pass)
    • command: NVDA + F7 (Open Elements List)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "show date picker, menu button, sub menu"
    • Result Notes: date picker button was found, but not the actual input.
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: f (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, edit, has auto complete, 2019-12-12:T19:30"
  • Result: (pass)
    • command: NVDA + F7 (Open Elements List)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "enter a date, edit, has auto complete, 2019-12-12:T19:30"
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: Tab (Next form field)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, entry, 2012-12-12T1930"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (next control (correct item type must be selected))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "enter a date, date and time picker, double tap to activate"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe down (next form control (correct item type must be selected))
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: skipped
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Command + J (Next Form Control)
    • before the command was executed
      • mode: auto (mode not explicitly)
      • keyboard focus location: before target
      • virtual cursor location: before target
    • location after command: target
    • Output: "2012-12-12T19:30"
  • Result: (pass)
    • command: VO + U (Open Rotor)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form controls as "2012-12-12T19:30 enter a date edit text"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: input[type="datetime-local"] element: provide shortcuts to jump to this role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech RecognitionEdgenot applicable-More information
Back to top

Expectation for the input[type="datetime-local"] element: support the date picker widget and native controls

Rationale: Users need to be able to operate the the date picker widget.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MUST

Examples of assistive technologies support this expectation:

  • 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

Grading method: Just one of the listed commands must pass for the expectation to pass.

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.

This expectation is from the input[type="datetime-local"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenone
  • Result: (fail)
    • command: (multiple commands) (Multiple commands were used)
    • Output: unable to get to the control
More information
JAWSChromepartial
  • Result: (partial)
    • command: (multiple commands) (Multiple commands were used)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: embedded controls for month, date, year, and time are conveyed correctly, however controls within the date picker are not conveyed.
More information
JAWSIEnot applicable-More information
JAWSFirefoxnot applicable-More information
NarratorEdgeyes
  • Result: (pass)
    • command: (multiple commands) (Multiple commands were used)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: embedded controls for month, date, and year, and time are conveyed correctly and operable
More information
NVDAChromepartial
  • Result: (partial)
    • command: (multiple commands) (Multiple commands were used)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: embedded controls for month, date, year, and time are conveyed correctly, however controls within the date picker are not conveyed.
More information
NVDAFirefoxnot applicable-More information
OrcaFirefoxnot applicable-More information
TalkBackChromepartial
  • Result: (partial)
    • command: (multiple commands) (Multiple commands were used)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: was possible to change the date and time, however groupings of buttons was not conveyed.
More information
Voice Access (Android)Chromeyes
  • Result: (pass)
    • command: (multiple commands) (Multiple commands were used)
    • Output: was able to open the date picker and set a new date and time
More information
Voice Control (iOS)Safariyes
  • Result: (pass)
    • command: (multiple commands) (Multiple commands were used)
    • Output: was able to change do a desired date and time. said "show numbers" followed by "increment <number>" for the corresponding control.
More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safaripartial
  • Result: (partial)
    • command: (multiple commands) (Multiple commands were used)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: was able to set the time with the widget however embedded controls were missing labels.
More information
VoiceOver (macOS)Safarinot applicable-More information
Windows Speech RecognitionChromepartial
  • Result: (partial)
    • command: (multiple commands) (Multiple commands were used)
    • Output: was able to open the date picker but not interact with any elements in the date picker. was unable to set the value for embedded controls such as the year by saying "numeral 1955", however "up arrow" and "down arrow" adjusted the values.
    • Result Notes: partial because it was still possible to use some of the controls and enter a date
More information

Extended Support for: input[type="datetime-local"] element: support the date picker widget and native controls

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxnot applicable-More information
NarratorChromeunknown-More information
NarratorIEnot applicable-More information
NVDAIEnot applicable-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxunknown-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxnot applicable-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromeunknown-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech RecognitionEdgeunknown-More information
Back to top

History

  • 2019-11-01 Added test