Releases.discourse.org のフィードバックと提案

Chrome の Devtools「CSS Overview」は、リリースページで 10 色の組み合わせにおけるコントラストの問題を検知し、そのうち 6 つは深刻(比率が WCAG AA の最低基準にも満たない)と報告しています。問題は以下の通りです。

  1. 前述の「Highlights」カードの色で、--color-feature 上の白文字
  2. 「← Back to versions」リンクで、黒背景上のミディアムブルーの文字。コントラスト比はわずか 3.9:1
  3. セキュリティ修正カードの「show」展開トグルで、赤背景上の 80% 不透明度の小さな白文字。コントラスト比はわずか 4.01:1。(半透明でないため、セキュリティ修正の残りのテキストは 5.43:1 で基準をクリアしています)
  4. 「DEV」バッジで、灰色がかった緑色の背景色 #7f8c8d 上の白文字。コントラスト比は 3.47:1
  5. すべてのコミット日付およびその他の --text-muted#888)が --bg-card#2d2d2d)上にあるもの。コントラスト比は 3.08:1
  6. 「Security」バッジで、#d36500(実質的にオレンジ色)上の白文字。コントラスト比は 4.16:1

さらに、もう少しスクロールすれば「Translations」バッジも含まれます。これは #e91e63(放射状に光るマゼンタ色)上の白文字で、コントラスト比は 4.34:1 です。

「いいね!」 1