この記事の要点

Visual Studio で View → Tab Order メニューを開く コントロールが番号付きで表示されるので、遷移させたい順に左クリック 各コントロールの TabIndex プロパティを Properties から直接編集も可能 タブで止まらせない場合は TabStop = false WPF では KeyboardNavigation.TabIndex 添付プロパティを使用

タブ順序とは

Windows フォームでは Tab キーを押すと、フォーカスが次のコントロールに移動します。TabIndex プロパティで遷移順を制御できます。ユーザビリティ上、入力フォームでは必ず意図した順番に設定すべきです。

方法1: View → Tab Order メニュー（Windows Forms）

1. Visual Studio でフォームをデザイナで開く
2. メニューから 表示(View) → タブ オーダー(Tab Order)
3. 各コントロールの左上に青い番号が表示される
4. 遷移させたい順にコントロールを左クリック（0 から自動採番）
5. 最後にもう一度 View → Tab Order でモードを抜ける（または Esc）

このモードでは GroupBox / Panel などコンテナも独自に番号を持ち、内側のコントロールはコンテナの中で再採番されます（例: 1.0, 1.1, 1.2）。

方法2: TabIndex プロパティを直接編集

Properties ウィンドウから個別にプロパティを編集する方法:

// デザイナで自動生成される箇所（Form1.Designer.cs）
this.textBoxName.TabIndex = 0;
this.textBoxEmail.TabIndex = 1;
this.comboBoxCountry.TabIndex = 2;
this.checkBoxAgree.TabIndex = 3;
this.buttonSubmit.TabIndex = 4;
this.buttonCancel.TabIndex = 5;

プロパティ	意味	デフォルト
TabIndex	タブ順の番号（小さい順に遷移）	追加順
TabStop	Tab で停止するか	true
CausesValidation	フォーカス移動時に検証イベント発火	true

TabStop = false で除外

Label のようにフォーカスする必要のないコントロールでも、Button や CheckBox で「タブで止めたくない」場合があります:

// 「ヘルプ」ボタンはタブでは止まらないが、マウスクリックは可能
buttonHelp.TabStop = false;

// PictureBox はデフォルトで TabStop=false
pictureBox1.TabStop = false;

// Label は TabStop が無い（フォーカス自体できない）
// ただし TabIndex は持っている（後続コントロールの & アクセラレータキー用）

コンテナ内のタブ順

GroupBox / Panel / TabControl 内のコントロールは、コンテナ自体の TabIndexが外側の順序を決め、内側はコンテナ内で 0 から再採番されます:

Form1
├── textBoxName       TabIndex = 0
├── GroupBox1         TabIndex = 1
│   ├── radioMale     TabIndex = 0  (内側)
│   ├── radioFemale   TabIndex = 1  (内側)
│   └── radioOther    TabIndex = 2  (内側)
├── buttonOK          TabIndex = 2
└── buttonCancel      TabIndex = 3

タブ遷移:
textBoxName → radioMale → radioFemale → radioOther → buttonOK → buttonCancel

WPF の場合

WPF では TabIndex プロパティのほか、KeyboardNavigation 添付プロパティで細かい制御ができます:

KeyboardNavigation.TabNavigation の値

値	動作
Continue	デフォルト。コンテナを通過して次へ
Cycle	このコンテナ内を循環
Once	このコンテナを 1 度だけ通過
Local	このコンテナ内のみ
None	このコンテナ内のタブ移動を無効化

自動 TabIndex（Visual Studio の生成順）

Visual Studio はデザイナでコントロールを追加した順に TabIndex を自動採番します。後から並べ替えると順番がおかしくなりがちです:

• レイアウト変更後は必ず View → Tab Order で確認
• 動的に追加するコントロールには明示的に TabIndex を代入する
• Visual Inheritance では親フォームの TabIndex を継承するので注意

ユーザビリティ上の重要性

• ログインフォーム: ユーザー名 → パスワード → ログインボタンの順は絶対
• 申込フォーム: 上から下、左から右の視線移動順と一致させる
• キーボード専用ユーザー（マウス使えない / アクセシビリティ重視）にとって必須
• JIS X 8341 や WCAG 2.1 (2.4.3 Focus Order) でも明確化を要求

動的に追加したコントロールのタブ順

// プログラムから動的に追加する場合
private void AddRow(int rowIndex)
{
    var label = new Label { Text = "項目" + rowIndex, Top = rowIndex * 30, Left = 10 };
    var textBox = new TextBox { Top = rowIndex * 30, Left = 100, TabIndex = rowIndex };

    this.Controls.Add(label);
    this.Controls.Add(textBox);
}

// 後から一括でタブ順を再構築
private void RebuildTabOrder()
{
    var inputs = this.Controls.OfType()
                              .OrderBy(t => t.Top)
                              .ThenBy(t => t.Left)
                              .ToList();
    for (int i = 0; i < inputs.Count; i++)
    {
        inputs[i].TabIndex = i;
    }
}

FAQ

Q: Tab Order メニューがグレーアウト
A: コードビューにいる、もしくはユーザーコントロールを開いている。フォームデザイナをアクティブにする。

Q: TabIndex を変えても遷移順が変わらない
A: コンテナ（GroupBox 等）の中にあると、コンテナの TabIndex が外側の順序を決める。内側の TabIndex はコンテナ内のみ。

Q: 矢印キーで RadioButton 間を移動したい
A: 同じグループ内の RadioButton は自動的に矢印キーで移動可能。Tab では全体で 1 度しか止まらない（選択中のものだけ）。