G183：色が単独でリンク又はコントロールを特定する場所で、周囲のテキストと一緒に 3:1 のコントラスト比を使用し、そのリンク又はコントロールのフォーカスに追加の視覚的な手がかりを提供する

概要

G183は、色が単独でリンクやコントロールを特定する場合に、色覚障害を持つユーザーや、色を区別できない環境でも情報を正確に理解できるよう、周囲のテキストとのコントラスト比を確保し、さらにフォーカス時に追加の視覚的な手がかりを提供することを目的としています。

このページでは、ウェブサイト制作でよく直面する課題に対して、基本的で取り組みやすい方法を紹介しています。
ただし、他にも対処すべき状況や多くの手段があり、具体的な状況に応じて最適な方法を選ぶことが大切です。

適用（対象）

こちらは、次の達成基準に関連する達成方法です。

• 1.4.1 色の使用

実践的な方法

まとめ

G183は、色が単独でリンクやコントロールを特定する場合に、色に依存せずに情報を伝えるための追加の視覚的な手がかりを提供することを目的としています。リンクやボタンには常に下線やアイコンなどの視覚的な手がかりを追加し、フォーカス時には視覚的な変化を加えることで、すべてのユーザーが操作可能な要素を容易に認識できるようにします。また、周囲のテキストとのコントラスト比を3:1以上にすることで、視認性を確保し、色覚障害を持つユーザーにも情報を正確に伝えることができます。このガイドラインを遵守することで、より多くのユーザーにとって使いやすいウェブサイトを提供することができます。