2024年10月アーカイブ

Tabキーでフォーカスさせる／させない要素を制御する

gravity-works (2024年10月 1日 15:12) | コメント(0)
Webページをキーボード操作で閲覧しやすくする施策になります。

Tabキーでページ内のリンク要素を選択していく際、<a>タグや<button>タグなどはデフォルトで選択できるようになっていますが、JavaScriptで<div>タグや<span>タグなどをボタンとして使用している場合はそのままでは選択されません。

●Tabキーで選択できるようにする
tabindex="0"
をつけることでTabキーで選択できるようになります。

（例）
<div> ... </div>
　↓
<div tabindex="0"> ... </div>

●Tabキーで選択できないようにする
逆にTabキーで選択できないようにしたい場合は
tabindex="-1"
をつけます。


« 2024年7月 | メインページ | アーカイブ

検索

このアーカイブについて

このページには、2024年10月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2024年7月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。