Dissect Dojo examples to techniques to make widgets accessible in non-ARIA environments
Description
Environment
Activity
Anastasia Cheetham March 20, 2008 at 5:04 PM
Regarding adding title attributes to thumbnails:
Adding a title attribute does not seem to add anything that is not already available through the image alt text and the link text - it either replaces the image alt text or it supplements it. In the case of mouse-based actions, it seems to complicate the issue by sometimes causing uninformative text to be spoken.
A better solution might be to modify the alt text to say "Banada thumbnail" (rather than just "Banana") to imply that it is an image, and to distinguish it from the link text.
Anastasia Cheetham March 20, 2008 at 4:15 PMEdited
Regarding getting a screen reader to read the instructions:
Labelledby (and describedby, I might assume) work when an item gets focus. We put focus on the thumb, not on the lightbox itself, so even if this technique worked in all environments, it wouldn't work as a way to get the instructions read.
Putting the instructions div into the taborder before the lightbox itself can be useful:
JAWS with IE7 will read the contents of the div.
If the title attribute of the div includes the same instruction text, JAWS with FF2 and FF3 will read that (they won't read the text within the div)
Regarding describing the thumbnails:
labelledby and describedby don't seem to offer anything that the title attribute doesn't offer, and do require a separate div containing the relevant text, and so seem less attractive than the title option.
Anastasia Cheetham March 20, 2008 at 3:36 PM
David, thanks for the pointers. I did try both of those suggestions, to no effect.
David Bolter March 20, 2008 at 3:33 PM
Anastasia, just a reminder that you might want to try aaa:labelledby in FF2 instead of aria-labelledby... if you haven't already. Also when using describedby="foo" be sure to add the role "description" on the thingy with id "foo".
Anastasia Cheetham March 20, 2008 at 3:18 PM
Investigating "describedby" and "labelledby."
According to http://developer.mozilla.org/en/docs/Accessible_DHTML,"describedby" is not supported by JAWS in FF, though "labelledby" is supported by both JAWS and Window-Eyes in FF. So I have been focussing on "labelledby."
So far, only FF3 will allow JAWS to read the "labelledby" label. FF2 does not, IE7 does not. I haven't yet tested Window-Eyes.
We need to develop techniques for the Reorderer and Lightbox to function accessibly in non-ARIA environment.s