あなたの作ったサイトは大丈夫？Webアクセシビリティの観点からチェックすべき「色」のこと。
Webアクセシビリティの勉強会に参加してから、なんやかんや忙しく1ヶ月以上経過してしまいましたが、あらためて当日のスライドを見たり、JISX8341-3（高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第３部：ウェブコンテンツ）に目を通す時間ができました。ということで、今日は「アクセシビリティにおけるWebデザインの配色」という点にポイントを絞って、私なりにまとめてみたいと思います。ざっくりとではありますが、まだちゃんと取り組めていないなーという方のお役に立てたら嬉しいです。 デザインにおける色の役割って？ まず、アクセシビリティのことは少し置いておいて、デザインにおける色の役割について簡単に触れておきたいと思います。 Webデザインに限らず、情報を伝えるための手段のひとつが『色』ですよね。 例えば、注意を促すための「黄色」や、注目を集めるための「赤」などとい
カラー・コントラスト・アナライザー 2013J｜エー イレブン ワイ ［WebA11y.jp］
「カラー・コントラスト・アナライザー」は、色のチェックツールです。前景色と背景色のコントラストをチェックしたり、色覚の違いによる見え方をシミュレーションしたりすることができます。 このソフトウェアは、The Paciello Groupが提供しており、Windows版とmacOS / OS X版があります。 色のコントラストのチェック ウェブコンテンツの前景色と背景色のコントラストが十分かどうかを判定する基準には、W3Cの『WCAG 2.0』で定義されている「コントラスト比」の計算式を用いています。このコントラスト比を用いた達成基準は、そのまま日本工業規格の『JIS X 8341-3:2016』でも採用されています。 1.4.3 コントラスト（最低限レベル）に関する達成基準 テキスト及び文字画像の視覚的提示には，少なくとも4.5:1 のコントラスト比がある。ただし，次の場合は除く（レベル
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み
「CEATEC JAPAN 2013」会場にて開催された「アクセシビリティセミナー2013」のセッション1「企業のWeb担当者、Web制作者必見！ 企業WebサイトにおけるJIS X 8341-3:2010対応の実践例」の資料です。講師および資料作成を担当したのは、ウェブアクセシビリティ基盤委員会 作業部会2委員で、キヤノンマーケティングジャパン株式会社の澤田氏です。 なぜアクセシビリティに取り組むのか、その理由をキヤノンサイトの歴史を紐解きながら解説。取り組みの具体的な内容については、2013年のリニューアルにおける施策を中心に紹介。JIS対応で得られる効果や苦労している点は、企業のWeb担当者の方々にとって大変参考になる内容かと思います。Read less
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセシビリティガイドライン > 目次 ： 三井住友銀行
