Hi Karl,
jQuery UI adds a tabindex of 0 to the accordion headers (e.g. .ui-
accordion-header). It looks like Jörn Zaefferer is on the case and
removing these tabindex attributes:
http://tinyurl.com/6ay79c
I just ran a quick test and it seems Firefox has some weird behaviour
concerning child elements of elements which have tabindex="0" that
aren't normally tabbable. In fact, looking at bugzilla.mozilla.org, it
seems Firefox has quite a few tabindex anomalies. :)
Anyway, if I have <h2 tabindex="0"><a href="#foo">Accordion 1</a></
h2>, I can't get at the link inside the heading when tabbing
*forwards*, but I can when I Shift+Tab through the page. Firefox won't
let you tab through the accordion properly because of this.
You can "undo" the tabindex that UI sets by calling this after your
accordion set up and Firefox will love you again:
$('.ui-accordion-header').attr('tabindex','');
You might also consider setting these tabindex attributes to -1, which
allows elements that aren't usually focussable (e.g. <h*>) to receive
focus, but a tabindex of -1 is not recognised by all browsers and may
invalidate your page. Even with that, the elements would not appear in
the page's tab order anyway, only allow you to focus those elements
using JavaScript.
Jon
On Oct 24, 8:49 am, TSG <[EMAIL PROTECTED]> wrote:
> Hi all,
>
> I've used the excellent themeroller to grab some code for an accordion
> control and have it running fine on my local machine (so no example to
> point you too). I was surprised to find that in Firefox 3 the
> accordion doesn't work via the keyboard - it's fine in Safari and
> (shock, horror) IE7.
>
> Does anyone have any insight on this? Is it FF, ui.js or do I need to
> add a parameter or something to the config? Ideally, I'd like to add
> event: "mouseover" and still have it keyboard-accessible but I assume
> you can't stack events?
>
> Thanks in advance, keep up the good work!
>
> Regards, Karl
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
