カラー・コントラスト・アナライザー 日本語版 ― インフォアクシア
「カラー・コントラスト・アナライザー」は、色のチェックツールです。前景色と背景色のコントラストをチェックしたり、色覚の違いによる見え方をシミュレーションしたりすることができます。 このソフトウェアは、The Paciello Groupが提供しており、Windows版とmacOS / OS X版があります。 色のコントラストのチェック ウェブコンテンツの前景色と背景色のコントラストが十分かどうかを判定する基準には、W3Cの『WCAG 2.0』で定義されている「コントラスト比」の計算式を用いています。このコントラスト比を用いた達成基準は、そのまま日本工業規格の『JIS X 8341-3:2016』でも採用されています。 1.4.3 コントラスト（最低限レベル）に関する達成基準 テキスト及び文字画像の視覚的提示には，少なくとも4.5:1 のコントラスト比がある。ただし，次の場合は除く（レベル
あなたの作ったサイトは大丈夫？Webアクセシビリティの観点からチェックすべき「色」のこと。
Webアクセシビリティの勉強会に参加してから、なんやかんや忙しく1ヶ月以上経過してしまいましたが、あらためて当日のスライドを見たり、JISX8341-3（高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第３部：ウェブコンテンツ）に目を通す時間ができました。ということで、今日は「アクセシビリティにおけるWebデザインの配色」という点にポイントを絞って、私なりにまとめてみたいと思います。ざっくりとではありますが、まだちゃんと取り組めていないなーという方のお役に立てたら嬉しいです。 デザインにおける色の役割って？ まず、アクセシビリティのことは少し置いておいて、デザインにおける色の役割について簡単に触れておきたいと思います。 Webデザインに限らず、情報を伝えるための手段のひとつが『色』ですよね。 例えば、注意を促すための「黄色」や、注目を集めるための「赤」などとい
絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎
webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って？ カラーモードRGBとCMYKとは？ 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って？ まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユニバーサルデザイン - FUJITSU Japan
