Color Contrast WCAG 基準｜AA/AAA チェック
アクセシビリティ WCAG Contrast
結論
コントラスト不足は視認性とアクセシビリティを損ないます。
概要
コントラスト不足は視認性とアクセシビリティを損ないます。
ツールで試す
コントラストチェック はブラウザ内で完結し、入力データをサーバーに送信しません。
関連リンク
関連記事
あわせて読むと理解が深まる関連記事をまとめました。
| トピック | 記事 |
|---|---|
| 色のコントラストチェック | 色のコントラストチェック｜color contrastの使い方と注意点 |
| Color Converter | Color Converter｜HEX RGB HSL 一括変換 |
| Color Name Search | Color Name Search｜色名から HEX を逆引き |
| Image Color Picker | Image Color Picker｜画像から色抽出 |
| Tailwind Color | Tailwind Color｜カスタムパレットと class 名 |
| .envでエラーが出る時のチェックリスト | .envでエラーが出る時のチェックリスト｜環境変数の形式ミス |
| 1フレームは何秒・何ms？ 60fpsと120fpsの計算方法 | 1フレームは何秒・何ms？ 60fpsと120fpsの計算方法 |
| AIクローラー対応 robots.txt・llms.txt 設定ガイド 2026 | AIクローラー対応 robots.txt・llms.txt 設定ガイド 2026｜GPTBot・ClaudeBot・Google-Extended・GEO戦略 |
| APIキャッシュ設計ガイド | APIキャッシュ設計ガイド｜ETag・Cache-Control・304・CDNキャッシュキーの実務 |
| Web APIのエラーハンドリング設計 | Web APIのエラーハンドリング設計｜RFC 9457・error_code・400/422/409の使い分け |
| Web APIのべき等性（Idempotency）設計 | Web APIのべき等性（Idempotency）設計｜二重決済を防ぐ実装ガイド |
| API設計におけるページネーションの使い分け：オフセット型とカーソル型の比較 | API設計におけるページネーションの使い分け：オフセット型とカーソル型の比較 |