JQuery UIのTabsを使って、画面遷移なしに段階を踏ませるようなアプリケーションシステムを構築しています。
例えば2つのタブがあるページを作り、左端のタブ内で入力が終わり、右隣りのタブをクリックすると、初めのタブ内に入力した内容を確認するといった、通販サイトでよく見かける画面構成です。
このような画面で、初めのタブ内の要素が縦長になってしまった場合、ページの先頭にスクロールで戻り、次のタブをクリックするのはとても面倒です。
マウスを使用せずにキーボードだけでやれないものかと色々方法を考えていて、かなり昔にアクセスキーというものを使ったことがあるのを思い出しました。
たしかAltキー+英数字キーで行けた筈だったよなとHTMLの記述をしてテストしてみました。
ところが何も反応がありません。
さらに調べたところ、使用しているOSとブラウザによってはAltキー+ShiftキーやControlキー+Altキーでなければならないとのこと。
弊社ではFirefoxを使用しているので、Altキー+Shiftキー+英数字キーで反応することが確認できました。