毎年5月の第3木曜日アクセシビリティへの理解を促進する日(GAAD)に伴い、Adobe Colorに新機能「色覚異常対応」が備わりました。カラーの組み合わせに対するアクセシビリティを色彩学に基づき、簡単に確認、修正できます。 Adobe Color アクセシビリティツール さっそく使用してみました。 まずは、Adobe Colorにアクセスします。 ※無料で利用できますが、Adobe ID(登録無料)でログインするとカラーパレットを保存でき、Photoshopなどで利用できます。
アクセシビリティ、カラーのコントラストは日増しに重要性が高まっています。 Webサイトやスマホアプリなどデジタルメディアのデザインで、コントラストが適切なカラーを簡単に見つけることができるオンラインツールを紹介します。 コントラストが確保されたぎりぎりのグレーなど、自分の使用したい色味で最適なコントラストを見つけることができます。 Color.review Webサイトやスマホアプリなど、デジタルメディアのおけるカラーコントラストの指針はWCAG規格にまとめられており、現在の最新は2.1です。 2.1には、AAとより厳格なAAAの2つのレベルがあります。 AA テキストに必要なコントラストは4.5。見出しと大きなテキストの場合、最小値は3です。 AAA テキストに必要なコントラストは7。見出しと大きなテキストの場合、最小値は4.5です。 ※大きなテキストとは14pt(18.66px)以上の
色盲や色弱の人がどのように見えているかシミュレートできるオンラインサービスはいつかありますが、テストサーバーやローカルで利用できないのが残念なところです。 色盲・色弱の人の見え方をシミュレートできるChromeの機能拡張を紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く