経費申請の作成

金額欄の可視ラベルがプログラム的に関連付けられていないamount-label-not-associatedseverity: medium

手順

  1. 申請作成画面を表示する
  2. 金額欄を axe で検査する / スクリーンリーダーでフォーカスする

観測

✗ 現状: ラベルは視覚表示のみで、関連付けがない(axe label 違反)

期待: 「金額」というラベルが関連付けられている

obs-amount-label

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

ラベルは視覚表示のみで、関連付けがない(axe label 違反)

改善案 別タブで開く

申請フォームの金額欄で label 要素の for と input の id を一致させる (または label で input を包含する)。NumberInput コンポーネントが id を 受け取る設計なら、呼び出し側で渡すのが正しい修正箇所。