SlideShare a Scribd company logo
Webアクセシビリティポリシーの
つくりかた・ひろめかた
小林 大輔
サイボウズ株式会社
小林大輔 @sukoyakarizumu
▌サイボウズ株式会社 プログラマー
▌Webサービスkintoneの開発・運用
▌Webアクセシビリティの啓蒙活動
「あなたの言葉で伝えるWebアクセシビリティ」
自己紹介
ウェブアクセシビリティ方針
Webアクセシビリティポリシーのつくりかた・ひろめかた
ウェブアクセシビリティ方針策定ガイドライン
▌対象範囲
▌適合レベル及び対応度
▌目標を達成する期限
▌例外事項
▌追加する達成基準
▌担当部署名
▌現時点で把握している問題点及びその対応に関する考え方
すごく大事だね!
ぜひやってみよう!
予算も工数もとるよ!
なぜ?
なんのために?
アクセシビリティをやる理由=ポリシー
▌アクセシビリティポリシーをどう決める?
▌アクセシビリティポリシーをどう伝える?
今日お話すること
ポリシーの組み立て方
なんで
Webアクセシビリティをやるの?
▌多くの人がアクセスできるようになるから
▌さまざまなデバイスに対応する必要があるから
▌海外では法的なリスクになるから
▌ガイドラインを遵守する必要があるから
▌プロモーションに有利だから
▌SEO対策になるから
アクセシビリティに取り組む理由
選び取り、共感される言葉に翻訳する
Webアクセシビリティポリシーのつくりかた・ひろめかた
ホテルグランヴィア大阪では、「ホスピタリティ精神を育み、人々
の幸せを創造する」を理念としています。
実際に当ホテルをご利用いただくお客様に対してはもちろん、ホー
ムページにおいても、人と人とをつなぐ暖かなおもてなしの精神に基
づいて、幅広い層のお客様へ、情報とサービスをご提供したいと考
えております。
ホテルグランヴィア大阪のアクセシビリティポリシー
Webアクセシビリティポリシーのつくりかた・ひろめかた
三井住友銀行のアクセシビリティポリシー
三井住友銀行は、私たちの仕事を「ひとりひとり」のこれからを提
案するサービス業だと考えています。
障害をお持ちの方であっても、高齢の方であっても「ひとりひとり」が
置かれた状況や環境に関わらず、私たちのサービスを利用してい
ただけるようにすることが公共サービスとしての責務です。
取り組む理由は複数あってもよい
Webアクセシビリティポリシーのつくりかた・ひろめかた
▌私たちのウェブサイトにおける品質基準の一つ
▌日本だけでなく、グローバルに展開
▌動画コンテンツのアクセシビリティも向上
コニカミノルタのアクセシビリティポリシー
Webアクセシビリティポリシーのつくりかた・ひろめかた
▌「課題解決エンジン」でありたい
▌合言葉は「ユーザーファースト」
▌「ウェブだからできること」の可能性
▌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人
• プログラマー
• デザイナー
• プロダクトマネージャー
• ドキュメントライター
▌ 輪講形式で章ごとに発表
プログラマー
プロダクト
マネージャー
デザイナー
ドキュメント
ライター
アクセシビリティ
やるぞ!
アクセシビリティ
やるぞ!
営業
サポート
事業支援
開発
マーケティング
プレゼンテーション勉強会
▌社内のエヴァンジェリストが講師をつとめる勉強会
▌各自が好きなトピックを選んでプレゼンする
▌営業・マーケティングのメンバーが参加する
Webアクセシビリティポリシーのつくりかた・ひろめかた
Webアクセシビリティポリシーのつくりかた・ひろめかた
アクセシビリティ
やるぞ!
営業
サポート
事業支援
開発
マーケティング
松山オフィスでの勉強会
FRONTEND CONFERENCE
サイボウズという会社が・・・
アクセシビリティ
やるぞ!
営業
サポート
事業支援
開発
マーケティング
ポリシーを広めるには
一番伝えたい人は誰か考えること
与えられた機会は絶対に逃さないこと
二の矢三の矢を用意すること
現在のサイボウズ
kintoneチーム
▌レコード編集画面をキーボード操作に対応
▌音声読み上げソフトへ一部対応
Garoonチーム
▌WAI-ARIA、キーボード操作への一部対応
▌配色検討時に色盲のユーザを考慮
アプリ基盤チーム
▌アクセシビリティ実装方針を明文化
▌WAI-ARIA、マークアップの改善、キーボード操作への対応
Officeチーム
▌DOCチームによるOfficeマニュアルのアクセシビリティ改善
▌全盲ユーザの意見をもとに製品を改善
製品広報活動
2016年8月末日時点での掲載媒体一覧
▌週刊BCN
▌ASCII.jp
▌ZDNet
▌マイナビニュース
▌ITpro
▌@IT
Ascii.jp
週刊BCN
https://kintone.cybozu.com/jp/support/newdesign.html
「どうやるか」を伝える前に
「なぜやるか」を伝えよう

More Related Content

PDF
あなたの言葉で伝えるWebアクセシビリティ
Kobayashi Daisuke
 
PPTX
サイボウズはアクセシビリティになぜ取り組む?どう取り組む?
Kobayashi Daisuke
 
PDF
アクセシビリティの祭典2021:みんなで創ろうアクセシブルなグループウェア インクルーシブな製品開発
Kobayashi Daisuke
 
PDF
すべての人にチームワークを kintoneとアクセシビリティ
Kobayashi Daisuke
 
PDF
チームで取り組む!サイボウズのアクセシビリティ 開発プロセスにアクセシビリティをインクルードする | GAAD Japan 2021
Kobayashi Daisuke
 
PPTX
すべての人にチームワークを サイボウズのアクセシビリティ
Kobayashi Daisuke
 
PDF
アクセシビリティはじめました
Yuichi Sugiyama
 
PPTX
最高のリモート開発を実現するために取り組んでいること - Cybozu Tech Conference 2017
Yuki Okada
 
あなたの言葉で伝えるWebアクセシビリティ
Kobayashi Daisuke
 
サイボウズはアクセシビリティになぜ取り組む?どう取り組む?
Kobayashi Daisuke
 
アクセシビリティの祭典2021:みんなで創ろうアクセシブルなグループウェア インクルーシブな製品開発
Kobayashi Daisuke
 
すべての人にチームワークを kintoneとアクセシビリティ
Kobayashi Daisuke
 
チームで取り組む!サイボウズのアクセシビリティ 開発プロセスにアクセシビリティをインクルードする | GAAD Japan 2021
Kobayashi Daisuke
 
すべての人にチームワークを サイボウズのアクセシビリティ
Kobayashi Daisuke
 
アクセシビリティはじめました
Yuichi Sugiyama
 
最高のリモート開発を実現するために取り組んでいること - Cybozu Tech Conference 2017
Yuki Okada
 

What's hot (20)

PDF
kintoneとカラーユニバーサルデザイン
Kobayashi Daisuke
 
PPTX
UXを損ねる静的コンテンツ配信アンチパターン7選
Yuki Okada
 
PPTX
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
Yuki Okada
 
PDF
Webアクセシビリティの現状ダイジェスト 2014
Mitsue-Links Co.,Ltd. Accessibility Department
 
PDF
遅いクエリと向き合う仕組み #CybozuMeetup
S Akai
 
PDF
なぜ、サイボウズでアクセシビリティなのか?
力也 伊原
 
PPTX
重要なのはリサーチ・プランニング・プロトタイプの三本柱
Yuya Toida
 
PDF
Webアクセシビリティ なぜ?どうやって?
Mitsue-Links Co.,Ltd. Accessibility Department
 
PPTX
kintoneチームのKAIZEN文化
Ryo Mitoma
 
PPTX
エンジニア組織づくり5年。見えてきた関西Web界隈のええとこ、あかんとこ - Developers Summit 2019 KANSAI
Yuki Okada
 
PDF
なぜ企業はWebアクセシビリティに取り組むのか?
Web Accessibility Infrastructure Committee (WAIC)
 
PDF
アジャイル時代の翻訳プロセス
Naohiro Nakata
 
PDF
ヘルプサイトの制作プロセス
Naohiro Nakata
 
PDF
kintoneエンジニアが紹介する品質向上のための取り組み
Yasuharu Sakai
 
PDF
アクセシビリティ対応をプロジェクトに取り入れるには?
力也 伊原
 
PDF
サイトをアクセシブルにするための受発注のセオリー
力也 伊原
 
PDF
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
Web Accessibility Infrastructure Committee (WAIC)
 
PPTX
WikiWikiアジャイル
Fumio Kawakami
 
PDF
Webプロフェッショナルだからできるコンテンツの検査
Yasuhisa Hasegawa
 
PDF
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
力也 伊原
 
kintoneとカラーユニバーサルデザイン
Kobayashi Daisuke
 
UXを損ねる静的コンテンツ配信アンチパターン7選
Yuki Okada
 
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
Yuki Okada
 
Webアクセシビリティの現状ダイジェスト 2014
Mitsue-Links Co.,Ltd. Accessibility Department
 
遅いクエリと向き合う仕組み #CybozuMeetup
S Akai
 
なぜ、サイボウズでアクセシビリティなのか?
力也 伊原
 
重要なのはリサーチ・プランニング・プロトタイプの三本柱
Yuya Toida
 
Webアクセシビリティ なぜ?どうやって?
Mitsue-Links Co.,Ltd. Accessibility Department
 
kintoneチームのKAIZEN文化
Ryo Mitoma
 
エンジニア組織づくり5年。見えてきた関西Web界隈のええとこ、あかんとこ - Developers Summit 2019 KANSAI
Yuki Okada
 
なぜ企業はWebアクセシビリティに取り組むのか?
Web Accessibility Infrastructure Committee (WAIC)
 
アジャイル時代の翻訳プロセス
Naohiro Nakata
 
ヘルプサイトの制作プロセス
Naohiro Nakata
 
kintoneエンジニアが紹介する品質向上のための取り組み
Yasuharu Sakai
 
アクセシビリティ対応をプロジェクトに取り入れるには?
力也 伊原
 
サイトをアクセシブルにするための受発注のセオリー
力也 伊原
 
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
Web Accessibility Infrastructure Committee (WAIC)
 
WikiWikiアジャイル
Fumio Kawakami
 
Webプロフェッショナルだからできるコンテンツの検査
Yasuhisa Hasegawa
 
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
力也 伊原
 
Ad

Webアクセシビリティポリシーのつくりかた・ひろめかた