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

Test: Basic html date input test

Screen Reader support level: partial (24/49)

Voice Control support level: partial (9/14)

A basic html date 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-10-31
JAWS2020.1912.11Chrome7919092020-01-28
JAWS2020.1912.11IE1119092020-01-28
JAWS2020.1912.11Firefox7219092020-01-28
Narrator1903Edge4419032019-10-31
NVDA2019.2.1Chrome7719032019-10-31
NVDA2019.2.1Firefox6919032019-10-31
Orca3.31.4Firefox69Ubuntu 19.042019-10-31
TalkBack7.3.0Chrome777.02019-10-31
Voice Access (Android)3.1Chrome777.02019-10-31
Voice Control (iOS)13.2Safari13.113.22019-10-31
Voice Control (MacOS)10.15Safari13.0.210.152019-10-31
VoiceOver (iOS)13.2Safari13.113.22019-10-31
VoiceOver (macOS)10.15Safari13.0.210.152019-10-31
Windows Speech Recognition1903Chrome7719032019-10-31

Summary of Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
input[type="date"] element
MUST convey an appropriate namepartial (2/3)supportedpartial (1/2)partialsupportedsupportedpartial
MUST convey an appropriate rolesupportedsupportedpartialnonesupportedsupportedpartial
MUST convey the current valuepartial (2/3)supportedpartialpartialnonesupportedsupported
MUST convey changes in valuesupportednonesupportedpartialnoneunknownsupported
SHOULD provide shortcuts to jump to this rolesupportedsupportednonenonesupportedsupportedsupported
MUST support the date picker widget and native controlspartialsupportedpartialpartialpartialnoneunknown

* 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="date"] element
MUST convey an appropriate namenonesupportedsupportedsupportedsupported
MUST convey an appropriate rolenonesupportednot applicablesupportedsupported
MUST support the date picker widget and native controlsnonesupportedsupportedunknownpartial

* means that some support is hidden behind settings

Detailed support results by expectation

Expectation for the input[type="date"] 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="date"] 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: "Enter a date, Date Time Edit, 2012-12-12. Month Enter a date, edit spin box, 12. To set the value use the Arrow keys or type the value."
    • Command Notes: each part of the date (month, day, and year) is rendered as its own tab stop and control
  • 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 date, date time edit, 12-12-2012, 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-12"
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-12, enter a date, edit, 2012-12-12, 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-12, 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-12"
  • 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-12"
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 [down arrow] 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: "enter a date, date time edit, month edit spin box, 12, 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, date time edit, 12-12-2012"
  • 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"
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, date, december 12, 2012, december 12, 2012"
  • 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, december 12, 2012"
  • 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, december 12, 2012, suggestions available, 12, 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"
  • 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: (fail)
    • 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: the date picker button was found, but not the input. Additionally, hidden buttons were found, such as "show previous month", "show previous month", "show month selection panel" and "today button"
  • Result: (fail)
    • 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, subMenu"
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, clickable month, spin button, 12 / day, spin button, 12 / year, spin button, 2012"
  • 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 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: "clickable clear button"
    • Result Notes: na because the actual form control was not found
  • 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 "clear button"
    • Result Notes: na because the actual form control was not found
More information
OrcaFirefoxpartial
  • 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, clickable, 12 spin button, 12 spin button, 2012 spin button, clear push button"
  • 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: "12 spin button, focus mode"
  • Result: (na)
    • 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: input was skipped
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 picker, double tap to change"
  • 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 picker, double tap to change"
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)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: "enter a date, december 12, 2012, popup button, double tap to activate the picker"
  • Result: (pass)
    • 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: "enter a date, december 12, 2012, popup button, double tap to activate the picker"
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: "december 12, 2012"
  • 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, 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: "december 12, 2012"
  • 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-12 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="date"] 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="date"] element: convey an appropriate role

Rationale: A screen reader user needs to know that they can enter text.

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="date"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenone
  • Result: (fail)
    • command: Click <role> (Click Type)
    • Output: input was not flagged with a number
    • 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: "Enter a date, Date Time Edit, 2012-12-12. Month Enter a date, edit spin box, 12. To set the value use the Arrow keys or type the value."
    • Command Notes: each part of the date (month, day, and year) is rendered as its own tab stop and control
  • 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 date, date time edit, 12-12-2012, 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-12"
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-12, enter a date, edit, 2012-12-12, 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-12, 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-12"
  • 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-12"
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 [down arrow] 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: "enter a date, date time edit, month edit spin box, 12, 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, date time edit, 12-12-2012"
  • 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"
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, date, december 12, 2012, december 12, 2012"
  • 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, december 12, 2012"
  • 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, december 12, 2012, suggestions available, 12, 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"
    • Result Notes: semantics for embedded controls are conveyed, but not the outer date 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: na because the actual form control was not found
  • 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, subMenu"
    • Result Notes: na because the actual form control was not found
More information
NVDAFirefoxpartial
  • 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: "clickable enter a date, clickable month, spin button, 12 / day, spin button, 12 / year, spin button, 2012"
    • Result Notes: semantics for embedded controls are conveyed, but not the outer date 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 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: "clickable clear button"
    • Result Notes: na because the actual form control was not found
  • 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 "clear button"
    • Result Notes: na because the actual form control was not found
More information
OrcaFirefoxnone
  • 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: "enter a date, clickable, 12 spin button, 12 spin button, 2012 spin button, clear push button"
  • 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: "12 spin button, focus mode"
  • Result: (na)
    • 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: input was skipped
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 picker, double tap to change"
  • 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 picker, double tap to change"
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)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: "enter a date, december 12, 2012, popup button, double tap to activate the picker"
  • Result: (pass)
    • 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: "enter a date, december 12, 2012, popup button, double tap to activate the picker"
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: "december 12, 2012"
  • 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, 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: "december 12, 2012"
  • 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-12 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="date"] 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="date"] 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="date"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-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: "Enter a date, Date Time Edit, 2012-12-12. Month Enter a date, edit spin box, 12. To set the value use the Arrow keys or type the value."
    • Command Notes: each part of the date (month, day, and year) is rendered as its own tab stop and control
  • 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 date, date time edit, 12-12-2012, 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-12"
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-12, enter a date, edit, 2012-12-12, 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-12, 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-12"
  • 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-12"
More information
JAWSFirefoxpartial
  • Result: (partial)
    • 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 [down arrow] 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 Notes: value was only partially conveyed
  • 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 time edit, month edit spin box, 12, type in text"
    • 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, date time edit, 12-12-2012"
  • Result: (fail)
    • 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"
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, date, december 12, 2012, december 12, 2012"
  • 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, december 12, 2012"
  • 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, december 12, 2012, suggestions available, 12, 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"
  • 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 is 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: na because the date picker button was found, but not the 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, subMenu"
    • Result Notes: na because the date picker button was found, but not the input.
More information
NVDAFirefoxpartial
  • 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, clickable month, spin button, 12 / day, spin button, 12 / year, spin button, 2012"
  • 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 spin button, 12"
    • Result Notes: value is 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: "clickable clear button"
    • Result Notes: na because the actual form control was not found
  • 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 "clear button"
    • Result Notes: na because the actual form control was not found
More information
OrcaFirefoxpartial
  • 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, clickable, 12 spin button, 12 spin button, 2012 spin button, clear push button"
  • 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: "12 spin button, focus mode"
  • Result: (na)
    • 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: input was skipped
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 picker, double tap to change"
  • 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 picker, double tap to change"
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: "enter a date, december 12, 2012, popup button, double tap to activate the picker"
  • Result: (pass)
    • 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: "enter a date, december 12, 2012, popup button, double tap to activate the picker"
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • 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: "december 12, 2012"
  • 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, 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: "december 12, 2012"
  • 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-12 enter a date edit text"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: input[type="date"] 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="date"] 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="date"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • 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
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: character 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: 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
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 date in the date picker 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: 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
OrcaFirefoxpartial
  • 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 for embedded spin buttons was announced
    • Result Notes: enter raw value of new text
  • Result: (fail)
    • 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 for embedded spin buttons was not announced
    • Result Notes: used up and down arrow keys to change the value
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 date 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)Safariunknown
  • Result: (unknown)
    • 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:
    • Result Notes: unable to open the date picker to change the value
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: character was announced.
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: input[type="date"] 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="date"] 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="date"] 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 date, date time edit, 12-12-2012, 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-12"
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-12"
  • 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-12"
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, date time edit, 12-12-2012"
  • 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"
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, december 12, 2012, suggestions available, 12, 12 of 31, selected"
More information
NVDAChromenone
  • Result: (fail)
    • 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: the date picker button was found, but not the input. Additionally, hidden buttons were found, such as "show previous month", "show previous month", "show month selection panel" and "today button"
  • Result: (fail)
    • 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, subMenu"
    • Result Notes: fail because the date picker button was found, not the input
More information
NVDAFirefoxnone
  • Result: (fail)
    • 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: "clickable clear button"
    • Result Notes: fail because the actual form control was not found
  • Result: (fail)
    • command: NVDA + F7 (Open Elements List)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: in list of form fields as "clear button"
More information
OrcaFirefoxnone
  • Result: (fail)
    • 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: input was skipped
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 picker, double tap to change"
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 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: "enter a date, december 12, 2012, popup button, double tap to activate the picker"
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: "december 12, 2012"
  • 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-12 enter a date edit text"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: input[type="date"] 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="date"] 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="date"] 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, and year are conveyed correctly, however controls within the date picker are not conveyed.
More information
JAWSIEnot applicable-More information
JAWSFirefoxpartial
  • 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, and year are conveyed correctly, however it is not possible to activate or operate the date picker popup
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 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, and year are conveyed correctly, however controls within the date picker are not conveyed.
More information
NVDAFirefoxpartial
  • 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, and year are conveyed correctly, however it is not possible to activate or operate the date picker popup
More information
OrcaFirefoxpartial
  • Result: (partial)
    • command: (multiple commands) (Multiple commands were used)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: able to change the date but embedded spin buttons are missing names and did not convey changes in value
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, however day buttons were missing the role and the selected state was not conveyed for the selected day.
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
More information
Voice Control (iOS)Safariyes
  • Result: (pass)
    • command: (multiple commands) (Multiple commands were used)
    • Output: was able to change do a desired date. said "show numbers" followed by "increment <number>" for the corresponding control.
More information
Voice Control (MacOS)Safariunknown-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: (multiple commands) (Multiple commands were used)
    • before the command was executed
      • mode: auto (mode not explicitly)
    • Output: unable to open the date picker and change the value.
    • Result Notes: double tapped on the control to open, but did not open
More information
VoiceOver (macOS)Safariunknown-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="date"] element: support the date picker widget and native controls

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxunknown-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-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)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

History

  • 2019-10-31 Added test
  • 2020-01-28 updated jaws results