プレースホルダーのアクセシビリティ上の課題と解決策 - SmartHR Tech Blog

こんにちは！SmartHRプロダクトエンジニアのhimiです。 この記事ではプレースホルダーのアクセシビリティとユーザビリティについての課題と、その解決手段についての話を書きます。 プレースホルダーって何？ Webアプリでよく見る、フォームコントロールに値が無いときに表示するテキストのことです。 主な用途としては、フォームの入力例や入力内容の説明テキストが設定されることが多いです。 HTML Standardでは The placeholder attribute represents a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief de

[asflash8]

気軽にプレースホルダー使っててすまんかった。いい記事。

[efcl]

プレースホルダーを`<label>`の代わりに使わないという話。代替実装について

[diveintounlimit]

“私達は雇っています！ ”

[aaaikaaa]

“プレースホルダーをできるだけ使わない”

[mohri]

「答えの一つとして、プレースホルダーをできるだけ使わない」

[xlc]

アクセシビリティに配慮するのは素晴らしいことだが、工数は増える。近頃は増えた工数を下請けに負担させようとするハラスメントをチラホラ見かけるので要注意。

[saku_238]

ちょうどタイムリーで学びたい分野でした。課題感は大変学びになりました。

[shingo-sasaki-0529]

placeholder なんて古来からあってそこらじゅうで使われてる割に、支援技術の対応こんな悪いのが意外。