経費申請の作成

リセットCSSにより全要素のフォーカスインジケーターが消えているoutline-none-globalseverity: high

手順

  1. 申請作成画面を表示する
  2. Tab でフォーム項目を移動する

観測

✗ 現状: インジケーターが表示されない

期待: フォーカス位置が視覚的に分かる

obs-focus-visible-form

出題サイト(現状) 別タブで開く

インジケーターが表示されない

改善案 別タブで開く

リセット CSS の `*:focus { outline: none }` を削除する。マウス操作時の 表示を抑えたいなら :focus-visible でスタイルを定義し、ブラウザ既定と 同等以上に視認できるインジケーターを用意する。コンポーネントごとに outline を戻す修正は取り残しを生む。