ハイコントラストモードとは？
Webコンテンツがさまざまなハイコントラスト設定でどう見えるかをテストするツールです。HTMLやスクリーンショットを貼り付けて、Windowsハイコントラスト・色反転・カスタムテーマなど、WCAG準拠のコントラストモードでプレビューできます。
使い方
- ステップ1 — エディタにHTMLまたはプレーンテキストを貼り付けます。
- ステップ2 — プリセットからコントラストモードを選択します。Windowsハイコントラスト（黒/白）・反転・黒地に黄色・カスタムカラーなどが選べます。
- ステップ3 — ライブプレビューで視認性を確認します。コントラスト比チェッカーで、テキスト要素のWCAG AA/AAAへの適合を検証できます。
結果
あるデベロッパーがナビゲーションバーのHTMLを貼り付け、Windowsハイコントラストモードに切り替えたところ、アイコンのみのボタンが黒背景に溶け込んで見えなくなっていたので、テキストラベルを追加しました。