Chrome の Devtools「CSS Overview」は、リリースページで 10 色の組み合わせにおけるコントラストの問題を検知し、そのうち 6 つは深刻(比率が WCAG AA の最低基準にも満たない)と報告しています。問題は以下の通りです。
- 前述の「Highlights」カードの色で、
--color-feature上の白文字 - 「← Back to versions」リンクで、黒背景上のミディアムブルーの文字。コントラスト比はわずか 3.9:1
- セキュリティ修正カードの「show」展開トグルで、赤背景上の 80% 不透明度の小さな白文字。コントラスト比はわずか 4.01:1。(半透明でないため、セキュリティ修正の残りのテキストは 5.43:1 で基準をクリアしています)
- 「DEV」バッジで、灰色がかった緑色の背景色
#7f8c8d上の白文字。コントラスト比は 3.47:1 - すべてのコミット日付およびその他の
--text-muted(#888)が--bg-card(#2d2d2d)上にあるもの。コントラスト比は 3.08:1 - 「Security」バッジで、
#d36500(実質的にオレンジ色)上の白文字。コントラスト比は 4.16:1
さらに、もう少しスクロールすれば「Translations」バッジも含まれます。これは #e91e63(放射状に光るマゼンタ色)上の白文字で、コントラスト比は 4.34:1 です。