ユーザー補助(accessibility) 背景色と前景色には十分なコントラスト比がありません
PageSpeed Insightsのユーザー補助
人気のPageSpeed Insightsでスピード以外の項目をチェック
PageSpeed Insightsには、スピードチェックのパフォーマンス以外にも、ユーザー補助、おすすめの方法、SEOがある
ユーザー補助(accessibility)
「背景色と前景色には十分なコントラスト比がありません」
説明には、「低コントラストのテキストを使用すると、多くのユーザーは読むことが困難または不可能になります。」とあり、なにやらWebとして心配になる
テキスト要素は、背景に対して十分な色のコントラストを持っている必要があります
その説明のリンク先
https://dequeuniversity.com/rules/axe/4.7/color-contrast
これを活用して、PageSpeed Insightsのダメ出しをクリアしたい
カラーコントラスト アナライザー
当サイトのWordPressテーマの紹介ページ
カラーセットは、マテリアルカラー：１６ + シンプル、レジェンドカラー：１４、計３１セットを用意している
ダメ出しされる可能性が高いのは、「フッターリンク」の文字色と背景色
案の定、下図のようにいくつもダメ出し
そこで、前景色と背景色をチェックしてみると
明度を調整する : 45% ←ここの下のスライダーを動かし、前景色つまり文字の明度を38%にすると
小さいテキスト：AAA は失敗しますと出るが、小さいテキストではないので、これでOK
PageSpeed Insightsのユーザー補助(accessibility)、背景色と前景色には十分なコントラスト比がありません、をクリアできる
お役立ち
注目
SEOテンプレート×WordPressテーマサプライズ！
モバイル || マテリアル || ビジュアル SEO //4K-DPR3-レスポンシブ
モバイルファースト / マテリアルデザイン / JSON-LD / WebP / 4K DPR3 レスポンシブイメージ / gridレイアウト / flexboxコンテンツ / 最新HTML・CSSコーディング
販売サイトは、銀行振込およびクレジットカード対応(Amazon、Microsoftなども採用しているStripeを採用)
