Response title
This is preview!
focusin() to allow proper keyboard use
in Using jQuery
•
8 years ago
Hello,
On my webpage, I use a few carousels/slideshows (it's jCarousel v. 0.3) that work just fine. But there is an accessibility issue with the script : when you browse using the keyboard, the focus goes to the first item of the carousel, even if this item is not currently visible. So I thought I could do the following :
Unfortunately (as you can see within the first carousel of my webpage), this is veeery slow (my Firefox 12.0 freezes for two or three seconds before the focus actually goes to the first link).
Someone would have any idea of what I am doing wrong ? Maybe a better solution so that the focus goes to the first *visible* item in the carousel ?
PS : I could have used tabindex, but some parts of the page are shared with other pages of the website, so I just can't use tabindex for all the links of all my pages...
On my webpage, I use a few carousels/slideshows (it's jCarousel v. 0.3) that work just fine. But there is an accessibility issue with the script : when you browse using the keyboard, the focus goes to the first item of the carousel, even if this item is not currently visible. So I thought I could do the following :
- $("#carousel-editos li a").focusin(function () { $("#carousel-editos li.jcarousel-item-first a:first-child").focus(); return false; });
Unfortunately (as you can see within the first carousel of my webpage), this is veeery slow (my Firefox 12.0 freezes for two or three seconds before the focus actually goes to the first link).
Someone would have any idea of what I am doing wrong ? Maybe a better solution so that the focus goes to the first *visible* item in the carousel ?
PS : I could have used tabindex, but some parts of the page are shared with other pages of the website, so I just can't use tabindex for all the links of all my pages...
1