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

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

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

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

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

なぜ？
なんのために？

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

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

ポリシーの組み立て方

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

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

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

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

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

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

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

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

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

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

Accessibility = Access + Ability

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

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

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

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

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

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

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

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

ポリシーを伝える

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

グループウェアでの啓蒙

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

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

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

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

外部講師の方の勉強会

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

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

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

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

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

松山オフィスでの勉強会

FRONTEND CONFERENCE

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

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

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

現在のサイボウズ

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

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

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

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

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

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

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