Opened 3 years ago

Last modified 23 months ago

#18821 new defect

DateTextBox: label and role unclear in JAWS

Reported by: bill Owned by: bill
Priority: undecided Milestone: 1.14
Component: Dijit - Form Version: 1.11.0
Keywords: Cc:
Blocked By: Blocking:

Description (last modified by 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.

Change History (3)

comment:1 Changed 3 years ago by bill

Description: modified (diff)

comment:2 Changed 3 years ago by dylan

Milestone: tbd1.13

comment:3 Changed 23 months ago by dylan

Milestone: 1.131.14
Note: See TracTickets for help on using tickets.