エンジニアも気にしたい色のアクセシビリティ / Color Accessibility that engineers should care

Roppongi.js#3「エンジニアも気にしたい色のアクセシビリティ」

リンク付きの資料はこちら
https://ohbarye.github.io/slides/2018/roppongi.js-3/

Transcript

1. エンジニアも気にしたい エンジニアも気にしたい 色のアクセシビリティ 色のアクセシビリティ by at Roppongi.js#3 @ohbarye 1
2. Content Content アクセシビリティの領域は多岐にわたるが色の話 web の外側、具体的には CLI の話 専門家ではないので間違っていたらご指摘ください 2
3. きっかけ きっかけ yarnpkg/yarn#5800 3
4. どう見えている？ どう見えている？ より 色覚障がいのある人に配慮した色使いのガイドライン 4
5. yarn outdated yarn outdated 色で Major/Minor/Patch を表現 5
6. どうすればよい？ どうすればよい？ For people like me, red, yellow and blue are much better combinations than red, yellow, and green combinations. So I would like to recommend the blue family! yarnpkg/yarn#5800 (comment) 6
7. やってみた やってみた yarnpkg/yarn#5829 7
8. 新たな問題 新たな問題 第3 色覚異常にとっては前述の変更が問題になる 8 . 1
9. deutan: 第2 色覚異常. 緑を感じる視細胞に異常 tritanopia: 第3 色覚異常. 青を感じる視細胞に異常 参考: 色覚の原理と色盲のメカニズム 8 . 2
10. 結局 結局 利用者のターミナル設定に委ねるのがベスト...? I think the best is to leave this to the end user's terminal color settings. 9
11. 色の使用に関するガイドライン 色の使用に関するガイドライン ガイドライン兼国際標準規格である WCAG の記述 より 色が、情報を伝える、動作を示す、 反応を促す、又は視覚的な要素を判 別するための唯一の視覚的手段にな っていない。 ( レベル A) WCAG 2.0 解説書 10 . 1
12. JIS では？ JIS では？ 日本工業規格では「JIS X 8341-3 ：2016 」がある 出典: JIS X 8341 という番号は、「8341 ＝ やさしい 」という意味でつけられま した。 http://jis8341.net/wakaru_sample.pdf 10 . 2
13. 気にする必要ある？ 気にする必要ある？ 日本人男性の約5 ％ 日本人女性の約0.2% より 他人事ではない！ 日本眼科学会ホームページ 11
14. まとめ まとめ 情報を伝える唯一の手段が色にならないように CLI でもアクセシビリティに配慮する もちろん web でも 12
15. Who? Who? @ohbarye Web Developer / Engineering Manager Working for (we're hiring!) http://ohbarye.me/ Quipper 13