DateTextBox: label and role unclear in JAWS

[bill]

In JAWS, if you hit INSERT+F5 to get a list of form elements on the page, it will say that the DateTextBox? is unlabeled, even though it has a label.

Also, on IE, JAWS won't announce that it's a combobox, so the user doesn't know that there's a dropdown with choices. It just says "date of birth edit - type in text".

I think the root issue is that the markup has roles and other aria attributes on a wrapper <div> rather than on the focusable <input>. So the markup is something like:

<div role=combobox>
    <input role=textbox>
</div>

Contrast that with ​http://oaa-accessibility.org/example/9/, where the role=combobox is on the <input> itself. And also deliteful/Combobox.

So I believe a proper fix would be to move all the aria attributes to the <input>. A quick fix to the first problem (the INSERT-F5 thing) would be to add an aria-labelledby attribute to the element with the role=combobox.