4.5:1に苦しむデザイナーの皆様へ | 水無月ばけらのえび日記

公開: 2019年6月23日23時40分頃 WCAG 2.0 の達成基準 1.4.3 にはカラーコントラストの基準があり、背景と文字とに4.5:1以上のコントラスト比を持たせることを要求しています。 1.4.3 コントラスト (最低限) : テキスト及び文字画像の視覚的提示に、少なくとも 4.5:1 のコントラスト比がある。ただし、次の場合は除く: (レベル AA) 大きな文字: サイズの大きなテキスト及びサイズの大きな文字画像に、少なくとも 3:1 のコントラスト比がある。付随的: テキスト又は文字画像において、次の場合はコントラストの要件はない。アクティブではないユーザインタフェース コンポーネントの一部である、純粋な装飾である、誰も視覚的に確認できない、又は重要な他の視覚的なコンテンツを含む写真の一部分である。ロゴタイプ: ロゴ又はブランド名の一部である文字には、最低限のコントラスト

[web_designer]

AAに適合って要件で色の選択肢が減って悩まされる…

[jitojito]

テキストのアウトラインを取れるCSSがあって、コントラスト比が足りないときはシャドウなりアウトラインなりを自動で補完してくれる機能つかないかな。正直つらい。

[pmakino]

そうは言っても「AA達成します」と宣言してる以上(その条件で契約してる以上)守らざるを得ないよなあ…

[securecat]

いやAAが要件なら4.5必達でしょ。目の前の制作画面以外の環境や状況で見られるんだから4.5:1で作れ、そのコントラストでいい感じになるように研究しろ、スタディが足りてないってはっきり言わないと解決しないでしょ。