FocusFlow — フォーカス順序の可視化

Tabの移動順と見た目の並びを重ねて表示。実際の操作を記録し、フォーカス順序の要確認箇所を見つけます。

FocusFlowは、WebページのTabキーで辿る順序と、見た目の並び順を重ねて確認するツールです。 > > 計算モードでは、フォーカス可能な要素に番号と矢印を表示し、行内の逆行や後方ジャンプを「要確認」の候補として示します。記録モードでは、実際にTab / Shift+Tabで操作した経路を記録し、計算結果との差分を確認できます。 > > 正のtabindex、CSSによる並べ替えの可能性、reading-flow、固定配置などの情報をサイドパネルに表示します。項目を選ぶと対象までスクロールして強調します。 > > WCAG適合判定を行うものではありません。意味と操作性を人が確認するためのツールです。iframe内部・閉じたShadow DOMは解析対象外で、RTL・縦書きの視覚比較は未対応です。計算順は近似のため、実測で確認してください。 > > ページ情報は端末内で処理し、外部に送信しません。解析設定のみをローカル保存します。