中小企業のWebサイトでも気にしておきたいアクセシビリティ

中小企業のWebサイトでも気にしておきたいアクセシビリティ

1. 1. 中小企業のWebサイトでも気にしておきたいアクセシビリティ
2. 2. 自己紹介
3. 3. 澤田 望 パーマ メガネ （老眼） ガリガリ 中年講師
4. 4. 岡山で独立 2014～ Webアクセシビリティ検証 イラスト制作 岡山情報ビジネス学院 非常勤講師 などなど キヤノン ～2013 サイトデザイン監修 Webアクセシビリティ対応 WAIC 2011～ ウェブアクセシビリティ基盤委員会 コラムを担当
5. 5. 本日の主旨
6. 6. Webアクセシビリティに取り組んだら これだけ売上げが伸びますよ！
7. 7. Webアクセシビリティに取り組んだら これだけ売上げが伸びますよ！という話ではありません。
8. 8. 一番伝えたい情報を もっと伝わるようにしませんか？
9. 9. 中小企業サイトを運用している方に 「アクセシビリティやってみようかな」 と思っていただきたい。
10. 10. 中小企業サイトを受託している方に 「アクセシビリティ勧めてみようかな」 と思っていただきたい。
11. 11. なぜWebアクセシビリティは後回しにされるの？
12. 12. 大企業はどんな理由で取り組むのか？
13. 13. 2. なぜアクセシビリティに取り組むのか？ キヤノンサイト基本理念とアクセシビリティ • アクセシビリティ → 保証
 機械可読性の向上 → 機会
 サイト品質の向上 → ブランドイメージ（共感） • キヤノンの製品分野は多岐に渡る
 → 様々な⽴場や環境のお客さまに対して
   情報保証をする義務
 → 企業のマーケティング活動の基盤を保証
14. 14. それだけでは皆さんは納得しない...
15. 15. https://www.smrj.go.jp/recruit/environment.html より
16. 16. 1. 儲かるの？ 2. コストがかかりそう 3. ウチには関係ない 3大ブレーキ
17. 17. 1. 儲かるの？
18. 18. 儲かるようには見えていない
19. 19. ミクロ的：効果は見えやすい （使えない → 使える） マクロ的：定量的な効果測定が難しい 効果が見えにくい
20. 20. alt="イラスト：グレーの猫" alt="" A B どちらが伝わりやすいのか？
21. 21. どちらが伝わりやすいのか？ 背景：ピンク 背景：黒 A B
22. 22. ABテストをやってみよう。
23. 23. サイト訪問者がスクリーンリーダーを 使ってるかどうかを知る術がない。
24. 24. https://sbapp.net/appnews/app/upinfo/ios-12/voiceover-94603 より
25. 25. https://support.apple.com/ja-jp/HT209655 より
26. 26. 効果はミクロ的に実感しよう！ ※ユーザビリティテストなどで実感することが可能
27. 27. 機会損失のおそれ
28. 28. 取りこぼしがあります。
29. 29. PV　：アクセスすることができた CVR：購入／申込みすることができた さまざまな指標 「することができなかった」は入っていない
30. 30. 統計局ホームページ/人口推計（令和元年(2019年)5月確定値，令和元年(2019年)10月概算値）　（2019年10月21日公表） より
31. 31. 神奈川県年齢別人口統計調査結果 - 神奈川県ホームページ 岡山県の人口（平成３１年３月１日） - 岡山県ホームページ（統計分析課） 障がいのある方々のインターネット等の利用に関する調査研究（平成２４年６月）総務省 より 人口 障害者　：933万人 神奈川県：918万人 岡山県　：190万人 インターネット利用率 視覚障害者：91.7% 聴覚障害者：93.4%
32. 32. 平成28年生活のしづらさなどに関する調査（全国在宅障害児・者等実態調査） より
33. 33. 統計局ホームページ/令和元年/統計トピックスNo.121 統計からみた我が国の高齢者－「敬老の日」にちなんで－ より
34. 34. 機会損失
35. 35. ＼この数字を取りに行きましょう／
36. 36. SEO
37. 37. https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=ja より
38. 38. 儲かりそうなことは...
39. 39. ＼ なんでもやってみよう ／
40. 40. 2. コストがかかりそう
41. 41. Yesでもあり、Noでもある。
42. 42. コストがかかるタイミング／そうでもないタイミング
43. 43. アクセシビリティ対応だけのために 現行サイトを改修することは おススメしません。 • •
44. 44. 膨大な費用が発生するかも知れません。
45. 45. サイトのリニューアルや 新規コンテンツの追加など 何かのついでに始めましょう。 • • •
46. 46. コストがかかる分野／そうでもない分野
47. 47. 高コストな分野 （比較的） 低コストな分野 追加作業コスト 学習コスト JavaScript等のプログラム CMS等のサーバープログラム JIS X 8341-3 適合試験 ガイドライン作成 HTML CSS ビジュアルデザイン テキスト原稿
48. 48. https://www.mitsue.co.jp/service/production/web_standards.html より
49. 49. 4. JIS対応による効果 コスト低減 • 長い目で見ればメンテナンスコストは低下
 画像のテキスト化／マークアップの適正化 • ワンソースであればマルチデバイス対応時の コストは抑えられる 堅牢性が高くなると
50. 50. タイミングや分野に気をつければ...
51. 51. ＼ コストは抑えられる ／
52. 52. 3. ウチには関係ない
53. 53. 本当にそうなのか？
54. 54. Webサイトを持つ目的
55. 55. • 商品を買ってもらいたい • サービスを利用してもらいたい • 会社の株を買ってもらいたい • 会社に就職してもらいたい ※ 広告は除く
56. 56. • 商品を気に入ってもらいたい • サービスを気に入ってもらいたい • 会社の株を気に入ってもらいたい • 会社を気に入ってもらいたい
57. 57. • 商品を知ってもらいたい • サービスを知ってもらいたい • 会社の株を知ってもらいたい • 会社を知ってもらいたい
58. 58. 知ってもらいたい アクセシブルな状態 アクセスできる状態にしておく必要 多くの人にアクセスしてもらいたい 多くの人に情報を届けたい
59. 59. アクセシビリティを向上させる Webサイトの目的達成への近道
60. 60. 対岸の火事？
61. 61. Webアクセシビリティに関する法律／政策が存在する国（2019年10月） 掲載国： Web Accessibility Laws & Policies | Web Accessibility Initiative (WAI) | W3C より
62. 62. 法制化が進むと訴訟が増える。（乱暴）
63. 63. マクドナルドが提訴されたと報道する記事（Cook County Record） より
64. 64. https://www.buzzfeed.com/jp/skbaer/beyonce-website-accessibility-1 より
65. 65. 日本では？
66. 66. 内閣府：障害を理由とする差別の解消の推進 より
67. 67. Web以外では訴訟も起きている。 視覚障害を理由とした事務職への配置転換は不当として 岡山短大の山口雪子准教授が提訴し勝訴 （ただし現在も授業担当から外された状況は続いている） https://yamaguti-yukiko-support.jimdo.com/ より
68. 68. https://lineblog.me/ochiaihiroshi/archives/702531.html より 三井住友ビザカードサイトに設置されている「パズル認証」機能
69. 69. radikoアプリのバージョンアップ時の不具合に対するツイートより https://blog.goo.ne.jp/despair-rp-hope/e/1c0518e52f9ee74d3024cca9e6cc3fc7 より
70. 70. サービスを使えるレベルの 最低限のアクセシビリティは 担保しておくべきです。
71. 71. 岡山でも取り組み始めた企業があります。
72. 72. 某サイト「アクセシビリティ方針」より
73. 73. 身近な数字で考える
74. 74. 統計局ホームページ 岡山県の人口（平成３１年３月１日） - 岡山県ホームページ（統計分析課） 岡山市のプロフィール人口｜岡山市｜市政情報｜岡山市プロフィール 平成30年度西長瀬町内会事業報告書 より 総人口に対する障害者の比率 → 7.4％ 全国 12,614万人 → 933万人 あの人は アクセスできなくていいの？ A10班（32世帯） 64人 → 4人 岡山市 72万人 → 5万人 西長瀬町内会 1,770人 → 130人
75. 75. アクセスできなくていい人なんかいない。 • • • • • • • • • • • •
76. 76. 情報にアクセスできることは...
77. 77. ＼ 基本的な人権です／
78. 78. まとめ
79. 79. 1. 儲かるの？ 2. コストがかかりそう 3. ウチには関係ない 3大ブレーキ
80. 80. • 効果はミクロ的に実感できる • 取りこぼしている数字がある • SEOにも効果あり 1. 儲かるの？
81. 81. • タイミングや分野に気をつければ コストは抑えられる 2. コストがかかりそう
82. 82. • Webサイトの目的達成への近道 • 訴訟に対するリスク管理 • 情報へのアクセスは基本的な人権 3. ウチには関係ない
83. 83. @SawadaStdDesign ありがとうございました