操作の流れを保つ順序でフォーカスを移す。

05条件と補足

見た目の順序との関係

意味と操作性を保つ順序は一つとは限りません。例えば、互いに独立した2列の内容では、どちらの列から操作しても意味や操作に影響しないことがあります。見た目とフォーカス順序が違うだけで、一律に不適合とは判断しません。

一方、入力項目のまとまりや、開いた案内とその操作には関係があります。画面の配置だけでなく、利用者が何を理解し、次に何をするかを確認します。

HTMLで順序を整える方法

HTMLではリンクやボタンなどをソース内の順序に従って操作することが基本です。図では開閉する内容を、その内容を開く要素のすぐ後に置いています。CSSによる並べ替えやtabindexによる指定がある場合は、実際のフォーカス順序も確認します。

すべての見出しや本文にTabキーで移れるようにすることを求める基準ではありません。フォーカスを受け取る要素の順序を扱います。

関連する基準との違い

1.3.2「意味のあるシーケンス」は内容を読み取る順序を扱います。2.4.3はフォーカスを受け取る順序を扱います。2.4.7「フォーカスの可視化」の操作位置が見えることも、順序とは別に確認します。

図は開閉する案内の例です。画面全体の操作を止めるモーダルダイアログでは、開いたときのフォーカス移動、内部での移動、閉じたときに戻る場所も確認します。