tabindex

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2017年1月以降、すべてのブラウザーで利用可能です。

tabindex 属性を使用すると、要素にフォーカスを合わせることができるかどうかを制御し、連続したフォーカスナビゲーションのために要素の相対的な順序を定義することができます。

この属性は、任意の SVG 要素で使用することができます。

例

html,
body,
svg {
  height: 100%;
}

html

<?xml version="1.0"?>
<svg viewBox="0 0 260 260" xmlns="http://www.w3.org/2000/svg">
  <circle r="10" tabindex="0" fill="green" cx="60" cy="60" />
  <circle r="40" tabindex="0" fill="red" cx="60" cy="160" />
  <circle r="60" tabindex="0" fill="blue" cx="160" cy="60" />
  <circle r="20" tabindex="0" fill="black" cx="160" cy="160" />
</svg>