WebAIM - Web Accessibility In Mind

E-mail List Archives

keyboard navigable photo gallery

for

From: isabel brison
Date: Jan 11, 2016 6:13PM

Hi all,

I have a photo gallery that can be navigated with two buttons: "previous"
and "next". When the user reaches the last photo in the gallery, the "next"
button is set to "disabled" with JS. This causes issues with keyboard
navigation, as when the user clicks "next" to go to the last photo, their
focus is on that button, and when it becomes disabled, some browsers will
move focus to the top of the page (Chrome and IE do this, Firefox moves
focus to the next element in the tab order).

I'm wondering if anyone has tips as to the best way to handle focus in this
situation. Should I move it programmatically to the next element in the tab
order?

Also, is it best to use the disabled attribute in this situation, or would
a negative tabindex be better?

Cheers,

Isabel

--
http://isabelbrison.com

http://tellthemachines.com