2019/11/2（土）にハッシュタグにて行われた「リーダブルな昼下がり on 2019/11/02」でのセッションで使用したスライドです。

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

2. 自己紹介

3. 澤田 望
パーマ
メガネ
（老眼）
ガリガリ
中年講師

4. 岡山で独立 2014～ Webアクセシビリティ検証
イラスト制作
岡山情報ビジネス学院 非常勤講師
などなど
キヤノン ～2013 サイトデザイン監修
Webアクセシビリティ対応
WAIC 2011～ ウェブアクセシビリティ基盤委員会
コラムを担当

5. 本日の主旨

6. Webアクセシビリティに取り組んだら
これだけ売上げが伸びますよ！

7. Webアクセシビリティに取り組んだら
これだけ売上げが伸びますよ！という話ではありません。

8. 一番伝えたい情報を
もっと伝わるようにしませんか？

9. 中小企業サイトを運用している方に
「アクセシビリティやってみようかな」
と思っていただきたい。

10. 中小企業サイトを受託している方に
「アクセシビリティ勧めてみようかな」
と思っていただきたい。

11. なぜWebアクセシビリティは後回しにされるの？

12. 大企業はどんな理由で取り組むのか？

13. 2. なぜアクセシビリティに取り組むのか？
キヤノンサイト基本理念とアクセシビリティ
• アクセシビリティ → 保証
機械可読性の向上 → 機会
サイト品質の向上 → ブランドイメージ（共感）
• キヤノンの製品分野は多岐に渡る
→ 様々な⽴場や環境のお客さまに対して
情報保証をする義務
→ 企業のマーケティング活動の基盤を保証

14. それだけでは皆さんは納得しない...

15. https://www.smrj.go.jp/recruit/environment.html より

16. 1. 儲かるの？
2. コストがかかりそう
3. ウチには関係ない
3大ブレーキ

17. 1. 儲かるの？

18. 儲かるようには見えていない

19. ミクロ的：効果は見えやすい
（使えない → 使える）
マクロ的：定量的な効果測定が難しい
効果が見えにくい

20. alt="イラスト：グレーの猫" alt=""
A B
どちらが伝わりやすいのか？

21. どちらが伝わりやすいのか？
背景：ピンク 背景：黒
A B

22. ABテストをやってみよう。

23. サイト訪問者がスクリーンリーダーを
使ってるかどうかを知る術がない。

24. https://sbapp.net/appnews/app/upinfo/ios-12/voiceover-94603 より

25. https://support.apple.com/ja-jp/HT209655 より

26. 効果はミクロ的に実感しよう！
※ユーザビリティテストなどで実感することが可能

27. 機会損失のおそれ

28. 取りこぼしがあります。

29. PV ：アクセスすることができた
CVR：購入／申込みすることができた
さまざまな指標
「することができなかった」は入っていない

30. 統計局ホームページ/人口推計（令和元年(2019年)5月確定値，令和元年(2019年)10月概算値） （2019年10月21日公表） より

31. 神奈川県年齢別人口統計調査結果 - 神奈川県ホームページ
岡山県の人口（平成３１年３月１日） - 岡山県ホームページ（統計分析課）
障がいのある方々のインターネット等の利用に関する調査研究（平成２４年６月）総務省 より
人口
障害者 ：933万人
神奈川県：918万人
岡山県 ：190万人
インターネット利用率
視覚障害者：91.7%
聴覚障害者：93.4%

32. 平成28年生活のしづらさなどに関する調査（全国在宅障害児・者等実態調査） より

33. 統計局ホームページ/令和元年/統計トピックスNo.121 統計からみた我が国の高齢者－「敬老の日」にちなんで－ より

35. 機会損失

36. ＼この数字を取りに行きましょう／

37. SEO

38. https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=ja より

39. 儲かりそうなことは...

40. ＼ なんでもやってみよう ／

41. 2. コストがかかりそう

42. Yesでもあり、Noでもある。

43. コストがかかるタイミング／そうでもないタイミング

44. アクセシビリティ対応だけのために
現行サイトを改修することは
おススメしません。
• •

45. 膨大な費用が発生するかも知れません。

46. サイトのリニューアルや
新規コンテンツの追加など
何かのついでに始めましょう。
• • •

47. コストがかかる分野／そうでもない分野

48. 高コストな分野
（比較的）
低コストな分野
追加作業コスト 学習コスト
JavaScript等のプログラム
CMS等のサーバープログラム
JIS X 8341-3 適合試験
ガイドライン作成
HTML
CSS
ビジュアルデザイン
テキスト原稿

49. https://www.mitsue.co.jp/service/production/web_standards.html より

50. 4. JIS対応による効果
コスト低減
• 長い目で見ればメンテナンスコストは低下
画像のテキスト化／マークアップの適正化
• ワンソースであればマルチデバイス対応時の
コストは抑えられる
堅牢性が高くなると

51. タイミングや分野に気をつければ...

52. ＼ コストは抑えられる ／

53. 3. ウチには関係ない

54. 本当にそうなのか？

55. Webサイトを持つ目的

56. • 商品を買ってもらいたい
• サービスを利用してもらいたい
• 会社の株を買ってもらいたい
• 会社に就職してもらいたい
※ 広告は除く

57. • 商品を気に入ってもらいたい
• サービスを気に入ってもらいたい
• 会社の株を気に入ってもらいたい
• 会社を気に入ってもらいたい

58. • 商品を知ってもらいたい
• サービスを知ってもらいたい
• 会社の株を知ってもらいたい
• 会社を知ってもらいたい

59. 知ってもらいたい
アクセシブルな状態
アクセスできる状態にしておく必要
多くの人にアクセスしてもらいたい
多くの人に情報を届けたい

60. アクセシビリティを向上させる
Webサイトの目的達成への近道

61. 対岸の火事？

62. Webアクセシビリティに関する法律／政策が存在する国（2019年10月）
掲載国： Web Accessibility Laws & Policies | Web Accessibility Initiative (WAI) | W3C より

63. 法制化が進むと訴訟が増える。（乱暴）

64. マクドナルドが提訴されたと報道する記事（Cook County Record） より

65. https://www.buzzfeed.com/jp/skbaer/beyonce-website-accessibility-1 より

66. 日本では？

67. 内閣府：障害を理由とする差別の解消の推進 より

68. Web以外では訴訟も起きている。
視覚障害を理由とした事務職への配置転換は不当として
岡山短大の山口雪子准教授が提訴し勝訴
（ただし現在も授業担当から外された状況は続いている）
https://yamaguti-yukiko-support.jimdo.com/ より

69. https://lineblog.me/ochiaihiroshi/archives/702531.html より 三井住友ビザカードサイトに設置されている「パズル認証」機能

70. radikoアプリのバージョンアップ時の不具合に対するツイートより https://blog.goo.ne.jp/despair-rp-hope/e/1c0518e52f9ee74d3024cca9e6cc3fc7 より

71. サービスを使えるレベルの
最低限のアクセシビリティは
担保しておくべきです。

72. 岡山でも取り組み始めた企業があります。

73. 某サイト「アクセシビリティ方針」より

74. 身近な数字で考える

75. 統計局ホームページ
岡山県の人口（平成３１年３月１日） - 岡山県ホームページ（統計分析課）
岡山市のプロフィール人口｜岡山市｜市政情報｜岡山市プロフィール
平成30年度西長瀬町内会事業報告書 より
総人口に対する障害者の比率 → 7.4％
全国 12,614万人 → 933万人
あの人は
アクセスできなくていいの？
A10班（32世帯） 64人 → 4人
岡山市 72万人 → 5万人
西長瀬町内会 1,770人 → 130人

76. アクセスできなくていい人なんかいない。
• • • • • • • • • • • •

77. 情報にアクセスできることは...

78. ＼ 基本的な人権です／

79. まとめ

80. 1. 儲かるの？
2. コストがかかりそう
3. ウチには関係ない
3大ブレーキ

81. • 効果はミクロ的に実感できる
• 取りこぼしている数字がある
• SEOにも効果あり
1. 儲かるの？

82. • タイミングや分野に気をつければ
コストは抑えられる
2. コストがかかりそう

83. • Webサイトの目的達成への近道
• 訴訟に対するリスク管理
• 情報へのアクセスは基本的な人権
3. ウチには関係ない

84. @SawadaStdDesign
ありがとうございました