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
PPTX, PDF
13,555 views
すべての人にチームワークを サイボウズのアクセシビリティ
2017/6/20に行われたCybozu Meetup #5の発表資料です。
Internet
◦
Read more
4
Save
Share
Embed
Embed presentation
Download
Downloaded 15 times
1
/ 43
2
/ 43
3
/ 43
4
/ 43
5
/ 43
6
/ 43
7
/ 43
8
/ 43
9
/ 43
10
/ 43
11
/ 43
12
/ 43
13
/ 43
14
/ 43
15
/ 43
16
/ 43
17
/ 43
18
/ 43
19
/ 43
20
/ 43
21
/ 43
22
/ 43
23
/ 43
24
/ 43
25
/ 43
26
/ 43
27
/ 43
28
/ 43
29
/ 43
30
/ 43
31
/ 43
32
/ 43
33
/ 43
34
/ 43
35
/ 43
36
/ 43
37
/ 43
38
/ 43
39
/ 43
40
/ 43
41
/ 43
42
/ 43
43
/ 43
More Related Content
PPTX
サイボウズはアクセシビリティになぜ取り組む?どう取り組む?
by
Kobayashi Daisuke
PDF
すべての人にチームワークを kintoneとアクセシビリティ
by
Kobayashi Daisuke
PDF
アクセシビリティはじめました
by
Yuichi Sugiyama
PPTX
最高のリモート開発を実現するために取り組んでいること - Cybozu Tech Conference 2017
by
Yuki Okada
PDF
遅いクエリと向き合う仕組み #CybozuMeetup
by
S Akai
PDF
アクセシビリティの祭典2021:みんなで創ろうアクセシブルなグループウェア インクルーシブな製品開発
by
Kobayashi Daisuke
PPTX
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
by
Yuki Okada
PDF
Webアクセシビリティポリシーのつくりかた・ひろめかた
by
Kobayashi Daisuke
サイボウズはアクセシビリティになぜ取り組む?どう取り組む?
by
Kobayashi Daisuke
すべての人にチームワークを kintoneとアクセシビリティ
by
Kobayashi Daisuke
アクセシビリティはじめました
by
Yuichi Sugiyama
最高のリモート開発を実現するために取り組んでいること - Cybozu Tech Conference 2017
by
Yuki Okada
遅いクエリと向き合う仕組み #CybozuMeetup
by
S Akai
アクセシビリティの祭典2021:みんなで創ろうアクセシブルなグループウェア インクルーシブな製品開発
by
Kobayashi Daisuke
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
by
Yuki Okada
Webアクセシビリティポリシーのつくりかた・ひろめかた
by
Kobayashi Daisuke
What's hot
PDF
チームで取り組む!サイボウズのアクセシビリティ 開発プロセスにアクセシビリティをインクルードする | GAAD Japan 2021
by
Kobayashi Daisuke
PDF
kintoneとカラーユニバーサルデザイン
by
Kobayashi Daisuke
PDF
サイボウズがre:Inventに参加した話し。
by
Koji Asaga
PDF
アジャイル時代の翻訳プロセス
by
Naohiro Nakata
PDF
なぜ、サイボウズでアクセシビリティなのか?
by
力也 伊原
PPTX
UXを損ねる静的コンテンツ配信アンチパターン7選
by
Yuki Okada
PPTX
kintoneチームのKAIZEN文化
by
Ryo Mitoma
PPTX
エンジニア組織づくり5年。見えてきた関西Web界隈のええとこ、あかんとこ - Developers Summit 2019 KANSAI
by
Yuki Okada
PDF
あなたの言葉で伝えるWebアクセシビリティ
by
Kobayashi Daisuke
PPTX
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
by
Yuya Toida
PPTX
Kintonecafé埼玉vol.4
by
kintone papers
PDF
ヘルプサイトの制作プロセス
by
Naohiro Nakata
PDF
2015年ハッカソンシーズンを振り返る~kintone編~
by
Koji Asaga
PDF
kintonecafefukushima-vol1-20161001
by
kintone papers
PDF
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
by
力也 伊原
PPTX
デブサミ2017 Javaコミュニティ作ったら人生変わった
by
Koichi Sakata
PDF
【MashupAwards11】kintoneのご紹介
by
Koji Asaga
PDF
Webアクセシビリティの現状ダイジェスト 2014
by
Mitsue-Links Co.,Ltd. Accessibility Department
PPTX
エンジニアが働きたい場所で働けるために、チームに必要なこと
by
Yuki Okada
PDF
kintone Café 釧路 Vol.2(kintoneのキホン)
by
kintone papers
チームで取り組む!サイボウズのアクセシビリティ 開発プロセスにアクセシビリティをインクルードする | GAAD Japan 2021
by
Kobayashi Daisuke
kintoneとカラーユニバーサルデザイン
by
Kobayashi Daisuke
サイボウズがre:Inventに参加した話し。
by
Koji Asaga
アジャイル時代の翻訳プロセス
by
Naohiro Nakata
なぜ、サイボウズでアクセシビリティなのか?
by
力也 伊原
UXを損ねる静的コンテンツ配信アンチパターン7選
by
Yuki Okada
kintoneチームのKAIZEN文化
by
Ryo Mitoma
エンジニア組織づくり5年。見えてきた関西Web界隈のええとこ、あかんとこ - Developers Summit 2019 KANSAI
by
Yuki Okada
あなたの言葉で伝えるWebアクセシビリティ
by
Kobayashi Daisuke
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
by
Yuya Toida
Kintonecafé埼玉vol.4
by
kintone papers
ヘルプサイトの制作プロセス
by
Naohiro Nakata
2015年ハッカソンシーズンを振り返る~kintone編~
by
Koji Asaga
kintonecafefukushima-vol1-20161001
by
kintone papers
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
by
力也 伊原
デブサミ2017 Javaコミュニティ作ったら人生変わった
by
Koichi Sakata
【MashupAwards11】kintoneのご紹介
by
Koji Asaga
Webアクセシビリティの現状ダイジェスト 2014
by
Mitsue-Links Co.,Ltd. Accessibility Department
エンジニアが働きたい場所で働けるために、チームに必要なこと
by
Yuki Okada
kintone Café 釧路 Vol.2(kintoneのキホン)
by
kintone papers
Viewers also liked
PDF
シリコンバレーの「何が」凄いのか
by
Atsushi Nakada
PDF
Jenkins 2.0 最新事情 〜Make Jenkins Great Again〜
by
Jumpei Miyata
PDF
Kubernetes in 30 minutes (2017/03/10)
by
lestrrat
PDF
3000社の業務データ絞り込みを支える技術
by
Ryo Mitoma
PDF
小さく始める大規模スクラム
by
Keisuke Tsukagoshi
PPTX
WalB: Real-time and Incremental Backup System for Block Devices
by
uchan_nos
PDF
缶詰屋さんの課題解決にスクラムを使ってみた
by
Toshiyuki Ohtomo
PDF
形態素解析
by
Works Applications
PDF
サイボウズのサービスを支えるログ基盤
by
Shin'ya Ueoka
PPTX
プロジェクト管理でkintone
by
Cybozucommunity
PPTX
重要なのはリサーチ・プランニング・プロトタイプの三本柱
by
Yuya Toida
PDF
Atlassian Summit US 2017 #augj
by
グロースエクスパートナーズ株式会社/Growth xPartners Incorporated.
PDF
サイボウズのフロントエンド開発 現在とこれからの挑戦
by
Teppei Sato
PDF
離れた場所でも最高のチームワークを実現する方法 ーサイボウズ開発チームのリモートワーク事例ー
by
Teppei Sato
PPTX
Api Strat Portland 2017 Serverless Extensibility talk
by
Glenn Block
PPTX
報奨金制度の近況について
by
Yuriko Otsuka
PDF
すべてを自動化せよ! 〜生産性向上チームの挑戦〜
by
Jumpei Miyata
PDF
あなたの開発チームには、チームワークがあふれていますか?
by
Yusuke Amano
PDF
Kubernetesにまつわるエトセトラ(主に苦労話)
by
Works Applications
PDF
Next-generation Python Big Data Tools, powered by Apache Arrow
by
Wes McKinney
シリコンバレーの「何が」凄いのか
by
Atsushi Nakada
Jenkins 2.0 最新事情 〜Make Jenkins Great Again〜
by
Jumpei Miyata
Kubernetes in 30 minutes (2017/03/10)
by
lestrrat
3000社の業務データ絞り込みを支える技術
by
Ryo Mitoma
小さく始める大規模スクラム
by
Keisuke Tsukagoshi
WalB: Real-time and Incremental Backup System for Block Devices
by
uchan_nos
缶詰屋さんの課題解決にスクラムを使ってみた
by
Toshiyuki Ohtomo
形態素解析
by
Works Applications
サイボウズのサービスを支えるログ基盤
by
Shin'ya Ueoka
プロジェクト管理でkintone
by
Cybozucommunity
重要なのはリサーチ・プランニング・プロトタイプの三本柱
by
Yuya Toida
Atlassian Summit US 2017 #augj
by
グロースエクスパートナーズ株式会社/Growth xPartners Incorporated.
サイボウズのフロントエンド開発 現在とこれからの挑戦
by
Teppei Sato
離れた場所でも最高のチームワークを実現する方法 ーサイボウズ開発チームのリモートワーク事例ー
by
Teppei Sato
Api Strat Portland 2017 Serverless Extensibility talk
by
Glenn Block
報奨金制度の近況について
by
Yuriko Otsuka
すべてを自動化せよ! 〜生産性向上チームの挑戦〜
by
Jumpei Miyata
あなたの開発チームには、チームワークがあふれていますか?
by
Yusuke Amano
Kubernetesにまつわるエトセトラ(主に苦労話)
by
Works Applications
Next-generation Python Big Data Tools, powered by Apache Arrow
by
Wes McKinney
すべての人にチームワークを サイボウズのアクセシビリティ
1.
すべての人にチームワークを サイボウズのアクセシビリティ Cybozu Meetup#5 小林大輔
2.
自己紹介 ▌小林大輔 (@sukoyakarizumu) ▌2012年 東京第2開発部
kintoneチーム プログラマー ▌2016年 デザイングループ兼務
3.
アクセシビリティとは 障がい者・高齢者を含めて 「すべての人」が 製品・建物・サービスなどを 利用できること
4.
本日お話しすること 取り組む 理由 社内啓蒙 製品反映
5.
サイボウズの理想 チームワークあふれる社会を創る
6.
Accessibility = Access
+ Ability
7.
ユーザは、わたしたちの製品にアクセスすることで 何にアクセスしようとしているのか?
8.
ユーザ サイボウズ製品 チーム
9.
サイボウズにとって、アクセシビリティとは 「ユーザがチームにアクセスできる能力」
10.
アクセシビリティを確保することは 「チームに参加したい」というユーザのねがいを 尊重すること
12.
もくじ 取り組む 理由 社内啓蒙 製品反映
13.
グループウェアでの啓蒙
14.
アクセシビリティ勉強会 ▌参加メンバー約20人 • プログラマー • デザイナー •
プロダクトマネージャー • ドキュメントライター ▌ 輪講形式で章ごとに発表
15.
外部の方による講演
16.
障がい者の方と一緒に学ぶ
17.
障がい者の方と一緒に学ぶ
18.
啓蒙活動のポイント ▌既存の情報共有の方法を利用する ▌コストが低くできる勉強会から開催する 「今できること」からはじめよう ▌開発の視点だけでない観点も盛りこむ 多くの人をまきこもう
19.
もくじ 取り組む 理由 社内啓蒙 製品反映
20.
既存の問題を減らす 新規開発で アクセシビリティを 確保する
21.
「今できること」からはじめよう
22.
アクセシビリティDay ▌WCAG2.0を読んで製品の問題点を洗い出す ▌さまざまな支援技術を使って製品を操作する 製品のアクセシビリティについての問題点を把握
24.
基準ごとに整理した場合の問題点 プロダクトにどんな価値を与えるかがわかりづらい
25.
ユーザーストーリーの形式にして整理する <役割:ロービジョンのユーザー> として、 私は<目的:ヘッダーのアイコンを簡単に見分け> たい。 なぜなら<利益:ヘッダーの操作箇所を特定しやすくなる> からだ。 [ヘッダー]
アイコンのコントラスト比を上げる
26.
kintoneの優先順位づけ 新規開発 ユーザーストーリー アクセシビリティ ユーザーストーリー … … 統合
27.
既存の問題を減らす 新規開発で アクセシビリティを 確保する
28.
新規開発でアクセシビリティの問題を防ぐには? 要件定義 デザイン 実装
テスト
29.
新規開発でアクセシビリティの問題を防ぐには? 要件定義 デザイン 実装
テスト
30.
▌たくさんの要件に対応しきれない ▌レビューした要件の内容が変更されることがある ▌チームの知見が育たない 自分ひとりで完璧にこなそうとすると…
31.
チームメンバーがレビューできるようにする デザイン チェックリスト 実装 チェックリスト 実装 チェックリスト 詳説
32.
▌見出し ▌キーボード操作 ▌画像と代替テキスト ▌感覚非依存 ▌リサイズ ▌動きのあるコンテンツ ▌コントラスト比 デザインチェックリストの項目
33.
▌実装するUIはキーボード操作できる用意がある ▌フォーカスしたときのスタイルが決まっている ▌フォーカスしたときにコンテキストが変化しない (別ウィンドウが開く, 別のコンポーネントの内容が大きく変化するなど) キーボード操作
34.
▌マークアップの原則 ▌画像 ▌ボタンとリンク ▌入力フォーム ▌見出し ▌ホバーとフォーカス 実装チェックリストの項目
35.
▌キーボードのみで操作可能にする ▌ページ遷移する場合: a要素を使う.必ずhref属性をつける. ▌ページ遷移しない処理を行う場合: button要素を使う (div要素やspan要素を使わない) ボタンとリンク
36.
▌多くの項目を一度に守ることは難しい ▌すべてのプロセスですべてのチェックが必要なわけではない ▌チームのスキルが高まったときにリストを更新すればよい 完全性よりチームが運用可能かどうかを重視する ベストよりベターを求めよう
37.
製品反映の事例
38.
アプリストア再利用画面 キーボード操作可能
39.
Webhook一覧・詳細画面 色のみに依存しないアイコン (モノクロにしても情報が伝わる)
40.
アプリストア画面 見出し&代替テキスト
41.
本日お話ししたこと 取り組む 理由 社内啓蒙 製品反映
42.
取り組む 理由 社内啓蒙 製品反映 ①「今できること」を続けよう ② ベストよりベターを求めよう ③
多くの人をまきこもう 大事な視点
43.
おわり
Editor's Notes
#6
サイボウズの理想は、チームワークあふれる社会をつくる、というものです。 最も身近なチームとして、わたしたちは「会社」を思い浮かべがちですが、 それ以外にも、学校、地域、家庭、ボランティア、公共団体など、世界にはさまざまなチームがあります。 様々な組織のチームワークを向上し、よりよい社会生活が実現されること、それがサイボウズの理想です。 チームワークを向上させるためには、チーム内で情報を共有し、コミュニケーションを活性化させることが必要です。 スケジュール管理や、ファイル共有などの機能は、この目的を達成するためにつくられたものです。
#22
アクセシビリティDay 頻度:週1回1時間〜 参加者:自分とデザイナー1名 事前準備:なし
Download