Tab キーでナビゲーションしやすくする

[rinopo]

現状、Tab キーでフォーカスを移動しようとしても挙動がイマイチな状態。

[rinopo]

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

Avoid using tabindex values greater than 1. Doing so will make it difficult for people who rely on assistive technology to navigate and operate page content.

It is not recommended to give positive values to your elements. You will end up jumping between them, and it will be confusing to manipulate between your element's tabindex attribute values. Instead, focus on writing them in a suitable DOM sequence.

[rinopo]

cf. ブックマークとコメントにキーボードだけ(tab + enter)でフォーカスできるようにする by kei-sato · Pull Request #17 · hatena/hatena-bookmark-googlechrome-extension

[rinopo]

Tab キーでフォーカスを当てるだけなら tabindex="0" を加えるだけでできるが、それだとフォーカス当たった後のイベント・ハンドラー（「Returnキーで○○する」など）を自分で作らなければいけない。

フォーカスを当てたい要素自体を button 要素に変えていくのが楽そう。

[rinopo]

おおむね対応した。

タグの選択部分と、画像の選択部分は対応できていない。

モチベが下がってきたのでいったん閉じ。