テキストと背景色のコントラスト比をチェックし、アクセシビリティ基準を満たしているか確認できるツールです。
WCAG 2.1/2.2 では、テキストのコントラスト比について以下の基準が定められています:
18pt以上、または太字14pt以上
Aa
この文字は読みやすいですか?
コントラスト比は、前景色(テキスト)と背景色の明るさの差を数値化したものです。1:1(差がない)から21:1(黒と白)の範囲で表されます。WCAG 2.1では、通常のテキストはAA基準で4.5:1以上、AAA基準で7:1以上のコントラスト比が必要です。
適切なコントラスト比を確保することは、視覚障害のあるユーザーを含むすべての人がコンテンツを読みやすくするために重要です。このツールを使って、あなたのデザインがアクセシビリティ基準を満たしているか確認しましょう。
AA・AAAレベルのアクセシビリティ基準に対するコントラスト比を自動評価します。
色を変更すると即座にコントラスト比が再計算され、視覚的にフィードバックが得られます。
誰もが使いやすいデザインを実現するための重要なツールです。
基準を満たす色の組み合わせを見つけるためのガイダンスを提供します。
ウェブサイトやアプリのテキストと背景色のコントラストをチェックし、すべてのユーザーが読みやすいデザインを確保します。
スライドのテキストと背景色のコントラストを確認し、会議室や講堂などの様々な環境で読みやすいプレゼンテーションを作成します。
パンフレットやポスターなどの印刷物のデザインにおいて、テキストと背景のコントラストを確認します。
企業のブランドカラーを使用する際に、テキストとの組み合わせがアクセシビリティ基準を満たしているか確認します。