フォームの入力必須項目のマークアップ | Accessible & Usable

公開日 : 2013年4月12日 (2020年8月30日 更新) カテゴリー : ユーザビリティ / アクセシビリティ Web サイトのフォームの中には、入力必須の項目があります。大抵の場合、その項目が必須である旨を、ラベル (<label> 要素の中) に盛り込むことが多いでしょう。 <label for="name">お名前 (必須)</label> <input type="text" id="name" name="name" /> 上記のように、<label> 要素の中に「必須」と書かれていれば、たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素 (<input> 要素、<textarea> 要素、<select> 要素) にフォーカスが当たるとその入力要素に紐づいたラベルが音声で読み上げられ、ラベルに包含された「必須」

[purupur]

“入力要素が「必須」であることをセマンティックに (マシンリーダブルな形で) 表現するには、HTML5 で規定されている「required」属性と、WAI-ARIA (W3C の Web Accessibility Initiative ワーキンググループが策定した Web アプリケーシ

[tvsk]

ブラウザでの required な inputタグの表示と挙動まとめ

[nagasama]

[

[kits]

input要素のrequired属性

[kkeisuke]

required属性

[glat_design]

ホントはこの辺までやりたいけど…ううむ /

[kojika17]

フォームの入力必須項目のマークアップ — Website Usability Info