JAWS - datepicker pronounced as "Edit type text"

[web-padawan]

@limonte commented on Fri May 04 2018

Expected: "Birthday edit date. 'selcted-value-if-any'. To set the value use the arrows keys or type the value"

** Actual:** "Edit type text"

JAWS latest 2018.1802.78

[anezthes]

To have ATs announce the input as "date" instead of "text" one needs to use <input type="date">. The problem then becomes providing a consistent experience across browsers which is more or less impossible at this point.

Chrome, Firefox, Edge and Opera all have custom interfaces for inputting dates and AFAIK none of them are accessible (at least not the popups).

Perhaps we could consider implementing a "native" date picker.

[rolfsmeds]

Would it not be possible to use input type="date" but somehow prevent the UA's native datepicker from getting triggered?

[knoobie]

It isn't really important that the type is date. More important is a clear labeland placeholderfor the field.

For example, even the official wai-aria practices have a simple type=text

• Wai Aria 1.1 https://www.w3.org/TR/wai-aria-practices-1.1/examples/dialog-modal/datepicker-dialog.html
• Wai Aria 1.2 https://www.w3.org/TR/wai-aria-practices-1.2/examples/dialog-modal/datepicker-dialog.html
• Wai Aria MASTER https://w3c.github.io/aria-practices/examples/dialog-modal/datepicker-dialog.html

[web-padawan]

In Vaadin 22 we fixed label announcement for field components, including date-picker (tested in JAWS, too). Closing.