[Infusion-users] Accessible Checkbox Demo

Colin Clark colinbdclark at gmail.com
Thu Sep 24 13:47:43 UTC 2009

Hi Jacki,

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  
your testing.

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.
> Michelle
> Quoting Jacki Bauer <mazzifer at gmail.com>:
> I was looking at the checkboxes on this page to check them for  
> accessibility
> -
> http://fluidproject.org/releases/1.1.1/standalone-demos/keyboard-a11y/html/CheckboxExample.html
> 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  
> checkbox
> 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  
> as
> inaccessible as any other AJAX site, which is really disappointing.
> _______________________________________________
> Infusion-users mailing list
> Infusion-users at fluidproject.org
> http://fluidproject.org/mailman/listinfo/infusion-users

Colin Clark
Technical Lead, Fluid Project

More information about the Infusion-users mailing list