D2Dアクセシビリティ勉強会2016の発表資料です。 https://d2draft.doorkeeper.jp/events/50588

1. Webアクセシビリティポリシーの
つくりかた・ひろめかた
小林 大輔
サイボウズ株式会社

2. 小林大輔 @sukoyakarizumu
▌サイボウズ株式会社 プログラマー
▌Webサービスkintoneの開発・運用
▌Webアクセシビリティの啓蒙活動
「あなたの言葉で伝えるWebアクセシビリティ」
自己紹介

3. ウェブアクセシビリティ方針

5. ウェブアクセシビリティ方針策定ガイドライン
▌対象範囲
▌適合レベル及び対応度
▌目標を達成する期限
▌例外事項
▌追加する達成基準
▌担当部署名
▌現時点で把握している問題点及びその対応に関する考え方

6. すごく大事だね！
ぜひやってみよう！
予算も工数もとるよ！

7. なぜ？
なんのために？

8. アクセシビリティをやる理由＝ポリシー

9. ▌アクセシビリティポリシーをどう決める？
▌アクセシビリティポリシーをどう伝える？
今日お話すること

10. ポリシーの組み立て方

11. なんで
Webアクセシビリティをやるの？

12. ▌多くの人がアクセスできるようになるから
▌さまざまなデバイスに対応する必要があるから
▌海外では法的なリスクになるから
▌ガイドラインを遵守する必要があるから
▌プロモーションに有利だから
▌SEO対策になるから
アクセシビリティに取り組む理由

13. 選び取り、共感される言葉に翻訳する

15. ホテルグランヴィア大阪では、「ホスピタリティ精神を育み、人々
の幸せを創造する」を理念としています。
実際に当ホテルをご利用いただくお客様に対してはもちろん、ホー
ムページにおいても、人と人とをつなぐ暖かなおもてなしの精神に基
づいて、幅広い層のお客様へ、情報とサービスをご提供したいと考
えております。
ホテルグランヴィア大阪のアクセシビリティポリシー

17. 三井住友銀行のアクセシビリティポリシー
三井住友銀行は、私たちの仕事を「ひとりひとり」のこれからを提
案するサービス業だと考えています。
障害をお持ちの方であっても、高齢の方であっても「ひとりひとり」が
置かれた状況や環境に関わらず、私たちのサービスを利用してい
ただけるようにすることが公共サービスとしての責務です。

18. 取り組む理由は複数あってもよい

20. ▌私たちのウェブサイトにおける品質基準の一つ
▌日本だけでなく、グローバルに展開
▌動画コンテンツのアクセシビリティも向上
コニカミノルタのアクセシビリティポリシー

22. ▌「課題解決エンジン」でありたい
▌合言葉は「ユーザーファースト」
▌「ウェブだからできること」の可能性
▌IT業界のリーディングカンパニーとして描く「少し先の未来」
ヤフーのアクセシビリティーポリシー

23. ひとつを選ぶのがいいの？
複数用意するのがいいの？

24. サイボウズの理想
チームワークあふれる社会を創る

25. Accessibility = Access + Ability

26. ユーザは、わたしたちの製品にアクセスすることで
何にアクセスしようとしているのか？

27. ユーザ サイボウズ製品 チーム

28. サイボウズにとって、アクセシビリティとは
「ユーザがチームにアクセスできる能力」

29. ▌「なぜサイボウズでアクセシビリティなのか」
補足するポリシー
http://www.slideshare.net/rikiha/cybozu-accessibility

30. ▌いま必要としている人がいるから
▌チームで使うサービスだから
▌公共機関の調達要件になるから
▌海外では当たり前だから
補足するポリシー

31. 主となるポリシーを用意した上で各論を組み立てる
サイボウズのアクセシビリティ ＝ チームにアクセスできる能力
ユーザー
人口
グローバル 公共機関

32. ▌ A. 開発部のメンバー
▌ B. 海外事業部のメンバー
▌ C. 人事・総務のメンバー
▌ D. 社長・役員
▌ E. プロダクトマネージャー
一人ひとりにあわせて説明する

33. ▌いきなり方針を立てるのではなくポリシーを考える
▌ポリシーは組織の理想に合わせて用意する
▌主となるポリシーと各論を用意する
ここまでのまとめ

34. ポリシーを伝える

35. プログラマー
プロダクト
マネージャー
デザイナー
ドキュメント
ライター
アクセシビリティ
やるぞ！

36. グループウェアでの啓蒙

37. 書いてみた記事の例
▌VoiceOverの使い方
▌スイッチコントロールの使い方
▌WAI-ARIAの実装方法
▌他社製品のアクセシビリティの対応状況
まずは興味を持ってもらうことから。
「こんな世界があるのだな」と知ってもらえればよい

38. プログラマー
プロダクト
マネージャー
デザイナー
ドキュメント
ライター
アクセシビリティ
やるぞ！

39. 技術バー(チーム横断LT大会)
http://blog.cybozu.io/entry/8305

40. プログラマー
プロダクト
マネージャー
デザイナー
ドキュメント
ライター
アクセシビリティ
やるぞ！

41. 外部講師の方の勉強会

42. Webアクセシビリティ勉強会
▌参加メンバー約20人
• プログラマー
• デザイナー
• プロダクトマネージャー
• ドキュメントライター
▌ 輪講形式で章ごとに発表

43. プログラマー
プロダクト
マネージャー
デザイナー
ドキュメント
ライター
アクセシビリティ
やるぞ！

44. アクセシビリティ
やるぞ！
営業
サポート
事業支援
開発
マーケティング

45. プレゼンテーション勉強会
▌社内のエヴァンジェリストが講師をつとめる勉強会
▌各自が好きなトピックを選んでプレゼンする
▌営業・マーケティングのメンバーが参加する

48. アクセシビリティ
やるぞ！
営業
サポート
事業支援
開発
マーケティング

49. 松山オフィスでの勉強会

50. FRONTEND CONFERENCE

51. サイボウズという会社が･･･

52. アクセシビリティ
やるぞ！
営業
サポート
事業支援
開発
マーケティング

53. ポリシーを広めるには
一番伝えたい人は誰か考えること
与えられた機会は絶対に逃さないこと
二の矢三の矢を用意すること

54. 現在のサイボウズ

55. kintoneチーム
▌レコード編集画面をキーボード操作に対応
▌音声読み上げソフトへ一部対応

56. Garoonチーム
▌WAI-ARIA、キーボード操作への一部対応
▌配色検討時に色盲のユーザを考慮

57. アプリ基盤チーム
▌アクセシビリティ実装方針を明文化
▌WAI-ARIA、マークアップの改善、キーボード操作への対応

58. Officeチーム
▌DOCチームによるOfficeマニュアルのアクセシビリティ改善
▌全盲ユーザの意見をもとに製品を改善

59. 製品広報活動
2016年８月末日時点での掲載媒体一覧
▌週刊BCN
▌ASCII.jp
▌ZDNet
▌マイナビニュース
▌ITpro
▌@IT
Ascii.jp
週刊BCN

60. https://kintone.cybozu.com/jp/support/newdesign.html

61. 「どうやるか」を伝える前に
「なぜやるか」を伝えよう