色がなくても、意味が伝わる。

05条件と補足

どんなときに確認する？

色に意味を持たせて、情報・操作・状態などを区別している場面です。意味の区別に使っていない装飾色まで、すべて文字で説明する必要はありません。

「必須・任意」はこの教材で選んだ方法

この例では初めて見た人にも伝わりやすいよう、文字で明示しています。すべての任意項目に「任意」と書くこと自体が、この達成基準で必須という意味ではありません。記号を使う場合も、その意味がわかる説明を添えます。

色の使用とコントラストは別の確認

「文字を読める明るさの差があるか」と「色以外でも意味がわかるか」は、別々に確認します。本文の文字のコントラストは主に1.4.3で扱います。

明るさの差を追加の手がかりとして扱えるケースもあります。ただし、特定の色の識別が必要な情報には別の視覚的な手がかりが必要です。詳しい条件は公式解説を参照してください。

読み上げ対応も別に確認

この基準で必要なのは、画面を見ている人にも伝わる手がかりです。読み上げ専用の説明だけを加えても、画面上の色だけによる区別は解消しません。フォームの必須状態を支援技術へ伝える実装も、関連する基準と併せて確認します。

この改善例はこのフォームの必須表示に関するものです。フォームやサイト全体のWCAG適合を示すものではありません。