1.4.11 非テキストのコントラスト

適合レベル：AA

概要

UI や、グラフィックが隣接した色との間のコントラスト比を3:1以上にする。

UIコンポーネント：ボタン、スイッチ、スライダー、フォーカスインジケーターなど
グラフィカルオブジェクト：アイコン（情報として意味を持つもの）、グラフ、チャート、図表、マップなど

以下は例外となる
・純粋に装飾的な要素
・ブランドロゴやブランドの一部
・写真や動画
・非アクティブなUIコンポーネント

W3C公式の達成方法と解説（外部サイト）

各ページの適合状況

ページ名	適合状況	適合レポート
フロントエンド, UI/UX, アクセシビリティのリベロジック株式会社 https://www.liberogic.jp/	適合状況： 適合	適合レポートを見る
サービス | リベロジック株式会社 https://www.liberogic.jp/service/	適合状況： 適合	適合レポートを見る
ウェブアクセシビリティ対応 | サービス | リベロジック株式会社 https://www.liberogic.jp/service/accessibility/	適合状況： 適合	適合レポートを見る
実績紹介 | リベロジック株式会社 https://www.liberogic.jp/works/	適合状況： 適合	適合レポートを見る
ケーススタディ | リベロジック株式会社 https://www.liberogic.jp/casestudy/	適合状況： 適合	適合レポートを見る
YAWN YARD Kouri Island WebサイトへのmicroCMS組み込み | ケーススタディ | リベロジック株式会社 https://www.liberogic.jp/casestudy/yawnyard/	適合状況： 適合	適合レポートを見る
トピックス | リベロジック株式会社 https://www.liberogic.jp/topics/	適合状況： 適合	適合レポートを見る
新年のご挨拶 | トピックス | リベロジック株式会社 https://www.liberogic.jp/topics/20260101-news/	適合状況： 適合	適合レポートを見る
私たちについて | リベロジック株式会社 https://www.liberogic.jp/about/	適合状況： 適合	適合レポートを見る
【作って活かそうFigmaMake：前半】FigmaMakeとGeminiで3時間！多忙な社長の“赤入れ”が捗るLPの叩き台を爆速で作る新世代のWeb制作フロー | トピックス | リベロジック株式会社 https://www.liberogic.jp/topics/20250723-figmamake/	適合状況： 適合	適合レポートを見る
お問い合わせ | リベロジック株式会社 https://www.liberogic.jp/contact/	適合状況： 適合	適合レポートを見る
プライバシーポリシー | リベロジック株式会社 https://www.liberogic.jp/privacy_policy/	適合状況： 適合	適合レポートを見る
お探しのページが見つかりませんでした | リベロジック株式会社 https://www.liberogic.jp/404	適合状況： 適合	適合レポートを見る
Engage Cros UI開発およびデザイン制作 | ケーススタディ | リベロジック株式会社 https://www.liberogic.jp/casestudy/engagecros/	適合状況： 適合	適合レポートを見る
Data & AI Summit '25 Fallに行ってきた | トピックス | リベロジック株式会社 https://www.liberogic.jp/topics/20251215-data_AI_Summit/	適合状況： 適合	適合レポートを見る