Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
KD
Uploaded by
Kobayashi Daisuke
9,891 views
あなたの言葉で伝えるWebアクセシビリティ
フロントエンドカンファレンス2016のセッション内容です。
Internet
◦
Read more
19
Save
Share
Embed
Embed presentation
Download
Downloaded 13 times
1
/ 54
2
/ 54
3
/ 54
4
/ 54
5
/ 54
6
/ 54
7
/ 54
8
/ 54
9
/ 54
10
/ 54
11
/ 54
12
/ 54
13
/ 54
14
/ 54
15
/ 54
16
/ 54
17
/ 54
18
/ 54
19
/ 54
20
/ 54
21
/ 54
22
/ 54
23
/ 54
24
/ 54
25
/ 54
26
/ 54
27
/ 54
28
/ 54
29
/ 54
30
/ 54
31
/ 54
32
/ 54
33
/ 54
34
/ 54
35
/ 54
36
/ 54
37
/ 54
38
/ 54
39
/ 54
40
/ 54
41
/ 54
42
/ 54
43
/ 54
44
/ 54
45
/ 54
46
/ 54
47
/ 54
48
/ 54
49
/ 54
50
/ 54
51
/ 54
52
/ 54
53
/ 54
54
/ 54
More Related Content
PPTX
UXを損ねる静的コンテンツ配信アンチパターン7選
by
Yuki Okada
PDF
kintoneとカラーユニバーサルデザイン
by
Kobayashi Daisuke
PPTX
サイボウズはアクセシビリティになぜ取り組む?どう取り組む?
by
Kobayashi Daisuke
PDF
チームで取り組む!サイボウズのアクセシビリティ 開発プロセスにアクセシビリティをインクルードする | GAAD Japan 2021
by
Kobayashi Daisuke
PPTX
すべての人にチームワークを サイボウズのアクセシビリティ
by
Kobayashi Daisuke
PDF
アクセシビリティの祭典2021:みんなで創ろうアクセシブルなグループウェア インクルーシブな製品開発
by
Kobayashi Daisuke
PDF
Webアクセシビリティポリシーのつくりかた・ひろめかた
by
Kobayashi Daisuke
PPTX
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
by
Yuki Okada
UXを損ねる静的コンテンツ配信アンチパターン7選
by
Yuki Okada
kintoneとカラーユニバーサルデザイン
by
Kobayashi Daisuke
サイボウズはアクセシビリティになぜ取り組む?どう取り組む?
by
Kobayashi Daisuke
チームで取り組む!サイボウズのアクセシビリティ 開発プロセスにアクセシビリティをインクルードする | GAAD Japan 2021
by
Kobayashi Daisuke
すべての人にチームワークを サイボウズのアクセシビリティ
by
Kobayashi Daisuke
アクセシビリティの祭典2021:みんなで創ろうアクセシブルなグループウェア インクルーシブな製品開発
by
Kobayashi Daisuke
Webアクセシビリティポリシーのつくりかた・ひろめかた
by
Kobayashi Daisuke
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
by
Yuki Okada
What's hot
PPTX
ペインストーミングで言葉の壁を越える
by
shoji_yamada
PPTX
最高のリモート開発を実現するために取り組んでいること - Cybozu Tech Conference 2017
by
Yuki Okada
PDF
遅いクエリと向き合う仕組み #CybozuMeetup
by
S Akai
PPTX
エンジニア組織づくり5年。見えてきた関西Web界隈のええとこ、あかんとこ - Developers Summit 2019 KANSAI
by
Yuki Okada
PDF
アジャイル時代の翻訳プロセス
by
Naohiro Nakata
PPTX
kintoneチームのKAIZEN文化
by
Ryo Mitoma
PPTX
せっかくエンジニアやってるのになんで副業やらないんですか? - エンジニア副業Night #1
by
Yuki Okada
PDF
アクセシビリティはじめました
by
Yuichi Sugiyama
PDF
kintoneエンジニアが紹介する品質向上のための取り組み
by
Yasuharu Sakai
PDF
缶詰屋さんの課題解決にスクラムを使ってみた
by
Toshiyuki Ohtomo
PPTX
アジャイルパラレル開発
by
Fumio Kawakami
PDF
なぜ、サイボウズでアクセシビリティなのか?
by
力也 伊原
PDF
サイボウズのサービスを支えるログ基盤
by
Shin'ya Ueoka
PPTX
javascriptの基礎
by
Masayuki Abe
PDF
Webアクセシビリティの現状ダイジェスト 2014
by
Mitsue-Links Co.,Ltd. Accessibility Department
PPTX
自社サービスkintoneをふんだんに活用したサイボウズの開発フロー
by
Yuki Okada
PDF
WorcCamp Kansai 2015 LT大会
by
Koji Asaga
PDF
ヘルプサイトの制作プロセス
by
Naohiro Nakata
PPTX
エンジニアが働きたい場所で働けるために、チームに必要なこと
by
Yuki Okada
PPTX
WikiWikiアジャイル
by
Fumio Kawakami
ペインストーミングで言葉の壁を越える
by
shoji_yamada
最高のリモート開発を実現するために取り組んでいること - Cybozu Tech Conference 2017
by
Yuki Okada
遅いクエリと向き合う仕組み #CybozuMeetup
by
S Akai
エンジニア組織づくり5年。見えてきた関西Web界隈のええとこ、あかんとこ - Developers Summit 2019 KANSAI
by
Yuki Okada
アジャイル時代の翻訳プロセス
by
Naohiro Nakata
kintoneチームのKAIZEN文化
by
Ryo Mitoma
せっかくエンジニアやってるのになんで副業やらないんですか? - エンジニア副業Night #1
by
Yuki Okada
アクセシビリティはじめました
by
Yuichi Sugiyama
kintoneエンジニアが紹介する品質向上のための取り組み
by
Yasuharu Sakai
缶詰屋さんの課題解決にスクラムを使ってみた
by
Toshiyuki Ohtomo
アジャイルパラレル開発
by
Fumio Kawakami
なぜ、サイボウズでアクセシビリティなのか?
by
力也 伊原
サイボウズのサービスを支えるログ基盤
by
Shin'ya Ueoka
javascriptの基礎
by
Masayuki Abe
Webアクセシビリティの現状ダイジェスト 2014
by
Mitsue-Links Co.,Ltd. Accessibility Department
自社サービスkintoneをふんだんに活用したサイボウズの開発フロー
by
Yuki Okada
WorcCamp Kansai 2015 LT大会
by
Koji Asaga
ヘルプサイトの制作プロセス
by
Naohiro Nakata
エンジニアが働きたい場所で働けるために、チームに必要なこと
by
Yuki Okada
WikiWikiアジャイル
by
Fumio Kawakami
Similar to あなたの言葉で伝えるWebアクセシビリティ
PDF
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
by
Web Accessibility Infrastructure Committee (WAIC)
PDF
すべての人にチームワークを kintoneとアクセシビリティ
by
Kobayashi Daisuke
PDF
Webアクセシビリティ:わたしたち、身近なこういうところで困っています
by
Web Accessibility Infrastructure Committee (WAIC)
PDF
Webアクセシビリティ 海外の最新動向 2018
by
Makoto Ueki
PDF
実はできている!? Webアクセシビリティ
by
力也 伊原
PDF
インクルーシブなペルソナ拡張
by
itahero05
PDF
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
by
Web Accessibility Infrastructure Committee (WAIC)
PDF
これだけは知っておきたい「Webアクセシビリティ」のこと
by
Makoto Ueki
PDF
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
by
Web Accessibility Infrastructure Committee (WAIC)
PDF
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
by
力也 伊原
PPTX
Webアクセシビリティを支えるための技術
by
shiori koga
PDF
アクセシビリティキャンプ東京 #4 開催にあたり
by
Kazuhito Kidachi
PDF
html5jアクセシビリティ部第0回勉強会
by
takenspc
PPTX
Webアクセシビリティを考えてみる
by
yuosaka
PDF
インクルーシブなペルソナ拡張 (アクセシビリティの祭典 2018)
by
Kazuhiko Tsuchiya
PDF
ウェブディレクターのための Web A11Y 勉強会 #03
by
Kazuhiko Tsuchiya
PDF
IT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfuture
by
Yahoo!デベロッパーネットワーク
PDF
チームで取り組む!アクセシビリティコーディング&デザイン
by
Kobayashi Daisuke
PDF
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
by
力也 伊原
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
by
Web Accessibility Infrastructure Committee (WAIC)
すべての人にチームワークを kintoneとアクセシビリティ
by
Kobayashi Daisuke
Webアクセシビリティ:わたしたち、身近なこういうところで困っています
by
Web Accessibility Infrastructure Committee (WAIC)
Webアクセシビリティ 海外の最新動向 2018
by
Makoto Ueki
実はできている!? Webアクセシビリティ
by
力也 伊原
インクルーシブなペルソナ拡張
by
itahero05
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
by
Web Accessibility Infrastructure Committee (WAIC)
これだけは知っておきたい「Webアクセシビリティ」のこと
by
Makoto Ueki
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
by
Web Accessibility Infrastructure Committee (WAIC)
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
by
力也 伊原
Webアクセシビリティを支えるための技術
by
shiori koga
アクセシビリティキャンプ東京 #4 開催にあたり
by
Kazuhito Kidachi
html5jアクセシビリティ部第0回勉強会
by
takenspc
Webアクセシビリティを考えてみる
by
yuosaka
インクルーシブなペルソナ拡張 (アクセシビリティの祭典 2018)
by
Kazuhiko Tsuchiya
ウェブディレクターのための Web A11Y 勉強会 #03
by
Kazuhiko Tsuchiya
IT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfuture
by
Yahoo!デベロッパーネットワーク
チームで取り組む!アクセシビリティコーディング&デザイン
by
Kobayashi Daisuke
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
by
力也 伊原
あなたの言葉で伝えるWebアクセシビリティ
1.
あなたの言葉で伝えるWebアクセシビリティ 小林 大輔 @sukoyakarizumu サイボウズ株式会社
2.
小林大輔 ▌サイボウズ株式会社 開発本部 東京第2開発部
プログラマー ▌Webアクセシビリティの啓蒙、機能開発など 自己紹介
3.
▌お伝えする内容 Webアクセシビリティの重要性を、社内の人たちに理解してもらうため、 わたしが取り組んできたこと ▌対象とする方 Webアクセシビリティに関わるすべての方 誰に何を伝えたい?
4.
Webアクセシビリティとはなにか
5.
ターゲットは障がい者・高齢者?
6.
色だけに依存した表現 一般色覚 P型色覚 T型色覚
7.
印刷
8.
Kindle
9.
Voice Over
10.
KindleのVoiceOverでながら聞き 引用元: http://umenon.com/2013/11/17/ios7-kindle-voiceover/
11.
▌日光があたりまぶしい ▌運転中で画面に注目できない ▌周りがうるさくて音声入力できない ▌料理中で手が汚れている 利用環境の多様化 http://www.ict4everyone.jp/read/171.html
12.
人×デバイス×コンテキスト
13.
Webアクセシビリティは 障がい者・高齢者を含めて 「すべての人」がWebにアクセスできること
14.
Webの理念 The power of
the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Webの力はその普遍性にある。 障害の有無にかかわらず、誰もがアクセスできることが 本質的な側面なのだ。
15.
顧客 開発者 営業
16.
顧客 開発者 営業 他に優先すべきタスクがある 今のプロダクトにとって重要?
17.
Webの理念を伝えても、相手の行動が変わらないのはなぜ?
18.
わたしが考え、行動したこと チームの 理想へ 翻訳する 理想を 広める チャンスを たいせつに ❶ ❷ ❸
19.
1. チームの理想へ翻訳する
20.
「理想」と「チーム」 ▌「理想」とは、望んでいる状態 ▌「チーム」とは、共通の「理想」を実現するために集まった集団 ▌「チーム」は理想の実現のために行動する 理想の実現に寄与しない行動はしない 理想 チーム
21.
あなたが相手にしているものは「チーム」 チームの理想に即していなければ、チームは動かない
22.
理想への翻訳が必要 Webの 理念 チームの 理想
23.
サイボウズにあてはめて考えたこと
24.
サイボウズのイメージ? ▌スケジュール管理 ▌会議室予約 ▌ワークフロー ▌業務メッセージ ▌メール管理 ▌ファイル管理
25.
サイボウズの理想 チームワークあふれる社会を創る
26.
▌世界にはさまざまなチームがある 会社、学校、地域、家庭、ボランティア、公共団体etc... ▌それぞれのチームワークが向上し、 よりよい社会が実現されることがサイボウズの理想 ▌そのためには、チームの情報共有やコミュニケーションが必要不可欠 チームワークあふれる社会を創る
27.
サイボウズにとって アクセシビリティとはなんだろう?
28.
Accessibility = Access
+ Ability
29.
ユーザは、わたしたちの製品にアクセスすることで 何にアクセスしようとしているのか?
30.
ユーザ サイボウズ製品 チーム
31.
サイボウズにとって、アクセシビリティとは 「ユーザがチームにアクセスできる能力」
32.
サイボウズは、「チームにアクセスしたい」という ユーザの願いにどう向き合うか?
33.
サイボウズは、ユーザの願いにどう向き合うか ▌サイボウズは、「チームに参加したい」という願いを叶える立場ではない ▌「チームに参加したい」という願いを叶えられるのは「チーム」 ▌サイボウズは、誰かの役に立ちたい、という願いに価値があると信じ 製品をアクセシブルにして、願いをチームに伝える道をつくることはできる ▌つまり「チームに参加したい」という願いを尊重することができる
34.
アクセシビリティを確保することは 「チームに参加したい」というユーザのねがいを 尊重すること
35.
2. 理想を広める
36.
技術バー(チーム横断LT大会) http://blog.cybozu.io/entry/8305
37.
グループウェアでの啓蒙
38.
書いてみた記事の例 ▌VoiceOverの使い方 ▌スイッチコントロールの使い方 ▌WAI-ARIAの実装方法 ▌他社製品のアクセシビリティの対応状況 まずは興味を持ってもらうことから。 「こんな世界があるのだな」と知ってもらえればよい
39.
Webアクセシビリティ勉強会 ▌参加メンバー約20人 • プログラマー • デザイナー •
プロダクトマネージャー • ドキュメントライター ▌ 輪講形式で章ごとに発表
40.
参加者の声(第4章担当者)
41.
参加者の声(第8章担当者)
42.
グループウェアでの勉強会まとめ ▌ドキュメントチームからの参加者が、有志がまとめている ▌勉強会に参加していない人向けに内容を共有する目的
43.
前回、小林さんのお話をおききして、とても感銘を受けたこと。 何のためのアクセシビリティか。 ユーザーはサイボウズ製品にアクセスすることで、何にアクセスしようとしているのか。 チームにアクセスしたいから、サイボウズ製品にアクセスするのではないか。 一番うれしかったコメント
44.
理想を広める ▌すでにある情報共有の場を活かす ▌場がなければ、自分でつくる
45.
3. チャンスをたいせつに
46.
デザインのリニューアルのタイミング
47.
アクセシビリティ基準に基づいたコントラストの設定 3.33 : 1
10.98:1
48.
開発合宿 ▌プログラマー自身が 自由に機能追加を行う合宿 ▌プロトタイプとして作った機能が 実際に製品に導入されることもある
49.
フォームのキーボード操作対応
50.
チームの 理想へ 翻訳する 理想を 広める チャンスを たいせつに ❶ ❷ ❸ おさらい
51.
チームの理想に翻訳できるのは誰?
52.
それは「あなた」 あなたは、Webの理念とチームの理想、 両方を知っているから
53.
「あなたの言葉」で理想を考え、広め、行動しよう
54.
ありがとうございました あなたの言葉で伝えるWebアクセシビリティ
Download