「Designing in the Browser」、ホストを務める Una Kravets へようこそ。本日は、色のコントラストについてお話します。ここでは、A、AA、AAA の適合性レベルの意味と、サイトが適切にユーザー補助レベルに準拠していることを確認する方法について説明します。アプリケーションやデザイン システムに適した選択を行うための、Chrome デベロッパー ツールの使用方法と、「prefers-color-scheme」などのメディアクエリの使用方法について解説します。
リンク:
- 適合性レベルについて → https://goo.gle/352mg5n
- カラーパターンのデモの方 → https://goo.gle/3gY4HGa
- Tooling.report → https://goo.gle/3eDuvad
ブラウザでのデザイン → https://goo.gle/2NeLxjI
Chrome Developers に登録 → https://goo.gle/ChromeDevs