about contrast ratio and JIS X 8341 guideline.

1. コントラスト比
Erika Kitada

2. 最近、Web製作者が守る法律ができました

3. 情報アクセシビリティに関する法律
ガイドラインは JIS X 8341-3:201（2016年4月7日）
正式名称『高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及び
サービス－第3部：ウェブコンテンツ』
Webサイトで情報を
ゲットできる状態のこと

4. ガイドラインの内容です

5. JIS X 8341-3:2016
（2016年4月7日）
今日は、これについてのお話です
※公的機関のサイトに関しては、
2018/3までにガイドラインに沿うよう
義務付けられていますが、
一般企業は、努力義務という法律です
今すぐ全面改修の必要はないけれど、
ユーザーがアクセスしやすいサイトを製
作していくのは大切です

6. 理解可能の原則 読みやすさのガイドライン
その背景色・その文字色
読みやすいですか？

7. 理解可能の原則 読みやすさのガイドライン
例：このテキストは読みやすいですか？
目がチカチカする

8. コントラスト比をチェック
コントラストチェッカーの結果
https://lab.syncer.jp/Tool/Color-Contrast-Checker/
https://lab.syncer.jp/Tool/Color-Contrast-Checker/
NG:コントラスト比が2.9以下
AA：コントラスト比3.0以上で見やすい
AAA：コントラスト比7.0以上でかなり見やすい

9. 理解可能の原則 読みやすさのガイドライン
修正後、読みやすくなりました。

10. コントラスト比が低いかなと思ったら・・・
特に値段やCTAなど重要な部分は
コントラストチェッカーを使って確認しよう。

11. 参考：日本人はどれくらい目がいいか
国立遺伝学研究所のデータ
https://www.nig.ac.jp/color/handout1.pdf

12. 参考：他社事例
http://www.cao.go.jp/notice/accessibility_guidelines.html https://openameba.github.io/a11y-guidelines/

13. END