質問: 入力フィールドが無効であることを示す最も一般的な色は何ですか? 入力フィールドの設計についてさまざまなリファレンスを調べてきたところ、人々は灰色または白の背景でフリップフロップで入力フィールドが有効か無効かを示す傾向があることに気付きました。これについての詳細情報がどこにあるかを誰かが知っていますか?
回答: 無効になっている入力フィールドは通常灰色です(灰色のテキストと灰色の背景)。ただし、コントラスト比や、スクリーンリーダーの操作など、その他のアクセシビリティの問題には注意する必要があります。記事 無効化されたボタンは吸う必要はありません! 、それはボタンについてですが、無効化されたフィールドを改善するために適用できるいくつかの素晴らしいヒントがあります(フィールドに適用するように変更しました): フォントを大きくしたり、色を暗くしたりして、コントラストを高めます。 スクリーンリーダーなどの支援技術には、無効にされたフィールド内の情報は読み上げられないため(フィールドはスキップされることが多いため)、フィールドにいくつかの情報を提供します。 ユーザーが無効なフィールドをタップ、ホバー、またはクリックしたときに情報を提供します。または、他のヒントを(たとえばツールチップを介して)提供します。たとえば、フィールドが無効になっている理由を説明できます。