input タグのプレイスホルダーの使用は避けよう
https://developer.mozilla.org/ja/docs/Web/HTML/Element/input
メモ: placeholder 属性は、フォームを説明するためには他の方法ほど意味的に有用ではなく、コンテンツに予期せぬ技術的な問題を引き起こす可能性があります
とあった。同じページ内の詳細を確認してみると
- どのように見えるかのヒントを提供するために使用されるもので、説明やプロンプトではない
- スクリーンリーダーがアクセスできない
- ユーザが入力していると非表示になる
- 自動ページ翻訳機能で翻訳されない
が理由として挙げられていた。
c.f. : 入力欄(フォーム入力)要素 - HTML: ハイパーテキストマークアップ言語 | MDN #プレイスホルダーはアクセシブルではない
メモ: 避けることができるのであれば、placeholder 属性を使用しないでください。 要素にラベルを付ける必要があるのであれば、 属性を使用してください。
とまで書かれているため使用は避けよう
Read other posts