入力欄のプレースホルダーの話をします。プレースホルダーというのは、フォームの入力欄で、ユーザーが入力するまでの間に表示されているテキストのことです。 書籍「Webアプリケーションアクセシビリティ1」では、「3.1 ラベルと説明」のところで、紙版にして約1.5ページの分量を割いて、フォーム入力欄のプレースホルダー(<input> 要素や<textarea> 要素の <placeholder> 属性)の問題点を指摘しています。 この本で指摘されているプレースホルダーの問題点は以下の3つです。 プレースホルダーの色が薄く視認しづらい プレースホルダーとフォームコントロールの値との区別がつかない フォームコントロールに値を入力したときにプレースホルダーの値が見えなくなってしまう Webアプリケーションアクセシビリティ さらに、Nielsen Norman Groupによる「Placeholders
![入力欄のプレースホルダーって結局どうなの - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c99f58df6d10f75e39bac09e0c12f9bf0f7ce56/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU1JTg1JUE1JUU1JThBJTlCJUU2JUFDJTg0JUUzJTgxJUFFJUUzJTgzJTk3JUUzJTgzJUFDJUUzJTgzJUJDJUUzJTgyJUI5JUUzJTgzJTlCJUUzJTgzJUFCJUUzJTgzJTgwJUUzJTgzJUJDJUUzJTgxJUEzJUUzJTgxJUE2JUU3JUI1JTkwJUU1JUIxJTgwJUUzJTgxJUE5JUUzJTgxJTg2JUUzJTgxJUFBJUUzJTgxJUFFJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz03ZTlhYzkyYmU4YmU0NGIxNGQ4NWIwMDI1MWQxYTY3Mg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5bXJsJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lOGJiODNiY2YzNDA0ZDQ4ODBjYzI4OWQ2MTJiN2IyOQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D6fc39d7ce3dc8f042812fdb0e9742018)