入力要素のアクセシビリティ問題 フォームの入力要素(input, select, textarea)周りの HTML 構造は、おおよそ次のようになることが多いと思います。 <div> <label>おなまえ</label> <input /> <div>一般には公開されません</div> {isInvalid && <div>100文字以内で入力してください</div>} </div> もちろんこのままではアクセシビリティの観点から次のような問題点が挙げられます。 label と input が紐付いていない input と補足説明が紐付いていない input とエラーメッセージが紐付いていない これらの解決策に共通するのが id 属性によって要素同士に紐付けを与える方法です。 label と input の紐付けについては input を label の子要素とすることで達成することがで