The following tests were developed to test the results published in the blog post: It's Spelled aria-labelledby.
alertDialogrole is on an element that has a
tabindexset, Firefox and IE both provide the accessible name from the text content of the element referenced in the
dialogroles are on an element that does not have a
tabindexset Firefox and IE provides the accessible name from the text content of the element referenced in the
aria-labeledbyis not supported by IE.
Note: I consider IE's behaviour to be less correct than the Firefox behaviour
|test case||accessible name in IE||accessible name in Firefox|
|no labelledby||element text content "this is dialog text."||none|
|correctly spelled labelledby||referenced element text content "correctly labelled"||referenced element text content "correctly labelled"|
|incorrectly spelled labeledby||element text content||none|
|correctly spelled labelledby with tabindex set||referenced element text content||referenced element text content|
|incorrectly spelled labelledby with tabindex set||element text content||none|
Note: IE 8 and IE 9 platform previews have limited support for
aria-labelledby and no support for
aria-describedby. It still works with JAWS 11+ as freedom scientific hacked the attribute support for IE.IE 9 has improved support for
aria-describedby, the improved support is not documented or tested here.