web-dev-qa-db-ja.com

フォーム:フィールドの横に表示されている入力ヒントを使用するか、情報アイコンの後ろに非表示のヒントを使用しますか?

ラベルが入力フィールドの十分な情報を提供せず、追加のヒントが役立つ場合、ヒントを入力フィールドの横(または下)にいつ利用でき、いつ情報アイコンの後ろに非表示にする必要がありますか?

enter image description here

私が考えた4つの基準:-ヒントが100ワードを超える場合は、情報アイコンを使用します-ヒントに詳細情報へのリンクが含まれている場合は、情報アイコンを使用します-ヒントが頻繁でないアクションに関連し、直感的でない場合(例:最大アップロードサイズ)、テキストを直接表示-ヒントが初心者ユーザーにのみ関連する場合は、情報アイコンを使用します

これらは正しいですか、どの基準が欠けていますか?

前もって感謝します!

3
Avadeha

フォームへの入力方法に関する有用な情報を提供するためにツールチップを使用しないでください。ツールチップは、フィールドが何であるかを説明するために予約する必要があります(つまり、「このWordの意味」)。

フォームの設計ガイドラインの適切なセットは GOV.UK GDS です。これは、ユーザビリティテストが行​​われており、設計標準のセットと同じくらいアクセスしやすいためです。

彼らの推奨は

ヒントテキスト

  • フォームフィールドにプレースホルダーテキストを使用しないでください。コンテンツがフォームフィールドに入力されると、このテキストは消えます。
  • コンテキストヘルプをサポートするためにヒントテキストを使用します。これは常に表示されます
  • ヒントテキストはフォームフィールドの上に配置する必要があります
  • ヒントテキストがスクリーンリーダーで正しく読めるようにする

enter image description here

3
JonW