テキスト要素は、背景に対して十分な色のコントラストを持っている必要があります

すべてのテキスト要素の前景テキストと後ろの背景色の間に十分なコントラストがあることを確認します。

達成基準: テキストが画像の一部であっても、小さいテキストには少なくとも 4.5:1、もしくは大きいテキストには 3:1 のコントラスト比があることを確認します。大きいテキストは必須要件により 18pt もしくは 14pt の太字と定められています。注記: 1:1 という比率の要素は「不十分」と見なされ、目視による確認が必要です。【訳注：日本語の全角文字の場合、22pt 又は 18pt の太字を「大きいテキスト」とみなすのが妥当です。】

以下のカラーコントラストアナライザーを用いて、ガイドラインに合格する色を見つけます。

カラーコントラスト分析ツール: 以下はカラーコントラスト比をガイドラインに対して分析するツールのリンクです:

• axe DevTools ブラウザー拡張機能 — Deque のエンタープライズ製品である axe DevTools HTML は、開発グループがアクセシビリティ検証を既存の自動テストプロセスに組み込むことを可能にし、Deque の axe Monitor アクセシビリティモニタリングおよびレポーティングツールと共にお客様に使用されています。多くのプログラミング言語で組み込むためのコードライブラリーを提供することに加え、axe DevTools は Google Chrome と Mozilla Firefox 向けのウェブアクセシビリティ分析拡張機能も備えており、企業のフロントエンド開発者がいつでもアクセシビリティ検証をすばやく実施できるようにしています。分析ツールはより詳細な知識を提供するリンクを含む、アクセシビリティの問題と問題を修正するための説明に関する詳細を返します。
• axe-core — axe accessibility engine は高速で、誤検知エラーや重複する結果を返さず、GitHub リポジトリ、ブラウザープラグイン、あるいはフレームワークとして利用可能なオープンソースの JavaScript アクセシビリティルールライブラリーです。