[Infusion-users] Accessible Checkbox Demo
colinbdclark at gmail.com
Thu Sep 24 13:47:43 UTC 2009
Sorry you've had trouble with this demo. It's one of our earliest
examples of our jQuery keyboard navigation plugin. We're in the midst
of a huge revamp of our demos for the Infusion 1.1.2, including new
keyboard navigation demos. This one is slated to be replaced.
It is only intended to demonstrate the use of our keyboard-a11y
plugin, allowing developers to add arrow key-style navigation to
ordinary DOM elements to make them navigable like regular checkboxes.
This demo does not include any support for ARIA, so it's probably not
going to be awesome in JAWS. It's not a holistic demo.
That said, here's a suggestion for your testing in JAWS:
For all application-style interactions that use the arrow keys for
navigation in JAWS, you'll need to turn the virtual PC cursor off. The
default keystroke for this is Insert-Z. If you do that, you'll notice
that the checkbox demo is indeed fully navigable with the arrow keys
in JAWS as expected. You'll also notice that, due to the lack of
suitable ARIA roles, the "checkboxiness" of the UI is not revealed to
the user by JAWS.
Here's a quick overview of the various cursor modes in JAWS:
The ARIA application role will enable some screen readers to
automatically switch off the virtual PC cursor, but I don't know that
it's supported by JAWS yet. Here's more information about this role:
You may also want to spend some time with an experienced JAWS user to
learn how they navigate the Web and use the various cursor modes
available. It is a very enlightening process, and will help you with
I hope you're able to see how the Fluid keyboard-a11y substantially
improves keyboard accessibility for custom DHTML widgets. It's only
one of the tools required to make accessible DHTML, and ARIA is
another big piece of the puzzle. We helped get ARIA support into
jQuery UI for exactly this reason. The Infusion components show a
better example of holistic accessibility, with ARIA roles, keyboard
navigation, and more.
Hope that helps,
On 24-Sep-09, at 9:05 AM, Jacki Bauer wrote:
> I'm using Firefox 3.5 and JAWS 10.
> When I turn JAWS off I can navigate and check/uncheck all four
> boxes. However, when JAWS is on, I only hear the label for 'Berg'.
> I can't get focus on the other checkboxes. I don't know if this has
> something to do with the way I'm using JAWS - I might be missing
> something because although I do a lot of testing, I only know basic
> JAWS commands and am definitely not a JAWS power user.
> On Thu, Sep 24, 2009 at 8:41 AM, <michelle.dsouza at utoronto.ca> wrote:
> Hi there,
> Thanks for your message. The JAWS issue you are seeing appears to be
> a bug in the HTML where there are two labels for the same checkbox
> and no label for one of the other checkboxes. I'm surprised that you
> only got JAWS to read 'Berg' however, I would have expected
> 'Schoenberg' and 'Stravinsky' to be read also since they appear to
> have the correct labels. What version of JAWS are you using?
> You should be able to check and uncheck the checkboxes with your
> keyboard. Could you let us know what browser/OS you are using? I'd
> like to be able to recreate the issue you are seeing.
> I've created a JIRA issue for the label problem: http://issues.fluidproject.org/browse/FLUID-3204
> and we might be able to add it to the current bug parade that is
> happening for the upcoming Infusion release.
> Quoting Jacki Bauer <mazzifer at gmail.com>:
> I was looking at the checkboxes on this page to check them for
> Does anyone know how these are supposed to be accessible? I cannot
> check or
> uncheck the boxes with my keyboard, and JAWS only reads one of the
> labels - Berg over and over again. JAWS never announces that there
> is a
> form control or that it is a checkbox. From my point of view, it is
> inaccessible as any other AJAX site, which is really disappointing.
> Infusion-users mailing list
> Infusion-users at fluidproject.org
Technical Lead, Fluid Project
More information about the Infusion-users