DroidKaigi 2021 触って学ぶAccessibility

Transcript

1. 触って学ぶAccessibility @wiroha (ゐろは)
2. 自己紹介 • wiroha（ゐろは） • Androidエンジニア • 「1人の女性がエンジニアになるまで」というnoteを書き話題になる
3. 本セッションの目的 視聴者の皆さまみんなでAccessibility機能を使ってみて、 身近に感じてもらうこと Android端末を手元に用意し、実際に機能を触ってみましょう！
4. Agenda Accessibility（ユーザー補助機能）とは 私のエピソード 触ってみよう～文字起こし、TalkBack、ユーザー補助検証ツール～ 最新のアクセシビリティ情報 おわりに 01 02 03 04 05
5. Accessibility（ユーザー補助機能）とは 私のエピソード 触ってみよう～文字起こし、TalkBack、ユーザー補助検証ツール～ 最新のアクセシビリティ情報 おわりに Agenda 01 02 03 04 05
6. Accessibility（ユーザー補助機能）とは • 単語 “Accessibility” の意味： 「近づきやすさ」「利用しやすさ」 →様々な人にとって、または状況においての、 　機器・サービスの使いやすさ • Androidデバイスをさらに使いやすく カスタマイズする機能 ◦ 文字を大きくする、コントラストを強くする、 文字を読み上げる、など
7. Accessibility（ユーザー補助機能）とは • > 視覚、色覚、または聴覚に障がいのある方、細かい作業に支障のある方が Android デバイスを使って、普段の生活でさまざまな操作を行っています。 • > 上記やその他の補助が必要なユーザー向けに、アプリの便宜性を高めてくださ い。 • 視力・聴力・運動機能等の低下は誰でも起こりうる • 一時的に使えない状況になることもある （Google developers「アプリのユーザー補助機能を強化する」 　https://developer.android.com/guide/topics/ui/accessibility/apps より）
8. 使ったことは ありますか？ コメントもらえると 嬉しいです！
9. Accessibility（ユーザ補助機能）とは 私のエピソード 触ってみよう～文字起こし、TalkBack、ユーザー補助検証ツール～ 最新のアクセシビリティ情報 おわりに Agenda 01 02 03 04 05
10. 私のエピソード • 雨の日の夜、駅を出ると白杖を持った方が傘を差さずに歩いていた • 足取りがスムーズでなく、植木に突っ込み、明らかに迷いだした 私「何かお困りですか？」 󰬣「XXホテルに行きたいんですが、 　　曲がる場所を間違えたみたいで…」 私（知らない場所だ…）
11. 私のエピソード • 目的地と近隣情報を知っているが周辺を目視できない方󰬣と、 周辺を目視できるが目的地と近隣情報を知らない自分 の共同作業で 目的地に到達できた👏 • 特に普段アクセシビリティを専門としている訳でもない自分にとって、 身近に感じる出来事だった
12. 私のエピソード〜疑問と気付き〜 疑問1. なぜ雨の中、傘をさしていなかったんだろう？
13. 私のエピソード〜疑問と気付き〜 疑問1. なぜ雨の中、傘をさしていなかったんだろう？ 調査結果: 傘をささない人もいる • 音が反射して聞こえなくなるため • 白杖と間違えることがあるため • 荷物になる、両手が塞がるのが不便なため
14. 私のエピソード〜疑問と気付き〜 疑問2. もし自分が声をかけなかったら、どうしていたんだろうか？
15. 私のエピソード〜疑問と気付き〜 疑問2. もし自分が声をかけなかったら、どうしていたんだろうか？ • スマートフォンのユーザー補助機能を使いながら、たどりつけるんだろうか？ • 音声で地図機能を使えるんだろうか？ • 傘なしで濡れていては、スマートフォンを使えないのでは？ • 屋根がある場所、駅まで戻る？戻れる？ …答えにたどり着いていない
16. Androidのこと、まだまだ知らない • 普段Androidを使っている・開発しているので詳しい気がしていた • 改めて考えてみると、アクセシビリティ観点では知らないことがある • 状況によっては便利に使える機能も、知らなければ使えない • 一度使ってみると、次使うときのハードルも下がる 　Androidに備わっている機能を、一緒に触って学んでみましょう！
17. Accessibility（ユーザー補助機能）とは 私のエピソード 触ってみよう～文字起こし、TalkBack、ユーザー補助検証ツール～ 最新のアクセシビリティ情報 おわりに Agenda 01 02 03 04 05
18. 触ってみよう！ • 3つのユーザー補助機能に絞って、一緒に触ってみたい 　1. 文字起こし 　2. TalkBack 　3. ユーザー補助検証ツール • ぜひAndroid端末を手元にご用意ください！ • 音が出せない場合はイヤホンも繋いでみてください
19. 触ってみよう！文字起こし • アプリ名「音声文字変換＆音検知通知」 • 会話の音声文字変換を行い、自宅での身の回りの 音に基づいて通知を送信する • 聴覚障がいを持つ方や難聴の方を支援するアプリ https://play.google.com/store/apps/details?id=com.google.au dio.hearing.visualization.accessibility.scribe
20. 触ってみよう！文字起こし • 設定 > ユーザー補助 > 音声文字変換 https://play.google.com/store/ apps/details?id=com.google. audio.hearing.visualization.a ccessibility.scribe ない場合アプリを インストール
21. 触ってみよう！文字起こし
22. 音声文字変換は日常に取り入れやすい • 必要時に起動すればよく、普段の操作性は変わらない • 私の場合、言語面（英語）でサポートを必要としている ◦ 英語のセッションやPodcast、雑談などを聴くときに、 文字起こしがあれば内容を理解しやすい ◦ 自分の発音のチェックにも使える • ショートカット設定をするとすぐ起動できる ◦ 2本指で下から上にスワイプ、または ユーザー補助機能ボタンのタップで起動
23. 音声文字変換、 使えましたか？ いかがでしたか？ 使えたら、次の機能に いってみましょう！
24. 触ってみよう！TalkBack • 画面を見ずにデバイスを操作できるよう 音声フィードバックを提供 • 画面を見るのが難しい状況や、目の不自由な方にお すすめの機能 • 操作方法 ◦ 左右にスワイプして項目間を移動 ◦ ダブルタップで項目を有効化 ◦ 2本の指でドラッグしてスクロール
25. 触ってみよう！TalkBack • 設定 > ユーザー補助 > TalkBack • TalkBackのショートカットを有効にした後、「TalkBackを使用」
26. 触ってみよう！TalkBack • 設定 > ユーザー補助 > TalkBack • TalkBackのショートカットを有効にした後、「TalkBackを使用」 初回チュートリアルをどうぞ （音がかぶらないよう、私は1分ほど黙ります）
27. TalkBackでアプリを使ってみる • 自分のアプリを使ってみましょう • 操作方法 　ホーム　　：上左にスワイプ 　スクロール：２本指でスワイプ 　選択　　　：ダブルタップ
28. TalkBackでアプリを使ってみる • 自分のアプリを使ってみましょう • 操作方法 　ホーム　　：上左にスワイプ 　スクロール：２本指でスワイプ 　選択　　　：ダブルタップ 使ってみるタイムをどうぞ！ （音がかぶらないよう、私は1分ほど黙ります）
29. TalkBackで文字を入力する • 画面をタップして指をスライドすると 文字が読み上げられ、指を離すと入力される • IMEはGoogle Gboardが対応
30. TalkBackを使ってみての気付き • 音声入力を使うものかと思い込んでいた（反省） ◦ いつでも声を出せる訳ではない • 読み上げたときにわかりにくい表現がある ◦ 「下端」は文字だとわかりやすいが「かたん」と言われるとわかりにくい • 日本語は読み間違えられることがある ◦ 「行」（ぎょう）を「ゆき」と読み上げる ◦ 数字でなぜか「2」だけtwoと読み上げる • 指を2本以上使うジェスチャーは、両手が塞がる • フリック入力はすごく難しい
31. TalkBackへの対応 • TalkBackに対応した実装を行う ◦ Material Designに準拠する ◦ 画像やボタンにcontentsDescriptionを設定する ◦ Viewをグルーピングする ◦ カスタムビューのユーザー補助機能を強化する • 重要な説明を前に持ってくる • 正しく読み上げられる文言を使う
32. TalkBackをオフにする • 音量大・音量小の長押し または • 設定 > ユーザー補助 > TalkBack > 「TalkBackを使用」をオフにする • 操作方法 　ホーム　　：上左にスワイプ 　スクロール：２本指でスワイプ 　選択　　　：ダブルタップ
33. TalkBack、 使えましたか？ 少し難しいかもしれませんが、 体験の違いがよくわかるかと思います
34. 触ってみよう！ユーザー補助検証ツール • 画面をスキャンし、アプリのユーザー補助機能に ついて改善案を提供する、開発者向けアプリ • インストールが必要 https://play.google.com/store/apps/details?id=com.google.android. apps.accessibility.auditor
35. ユーザー補助検証ツールで検出すること • コンテンツ ラベル • タップ ターゲットのサイズ • クリック可能なアイテム • テキストと画像のコントラスト https://play.google.com/store/apps/details?id=com.google.android. apps.accessibility.auditor
36. 触ってみよう！ユーザー補助検証ツール • 設定 > ユーザー補助 > ユーザー補助検証ツール
37. ユーザー補助検証ツール：スナップショットを使う
38. ユーザー補助検証ツール：スナップショットの結果 • •
39. ユーザー補助検証ツール：スナップショットの結果 • • 自分のアプリを検証してみましょう！
40. 検証の結果は どうでしたか？ 思ったより厳しい、というのが 自分が使ってみての感想でした。 ぜひいろんな画面でチェックをかけてみ てください！
41. Accessibility（ユーザー補助機能）とは 私のエピソード 触ってみよう～文字起こし、TalkBack、ユーザー補助検証ツール～ 最新のアクセシビリティ情報 おわりに Agenda 01 02 03 04 05
42. Camera Switches • 前面カメラで顔を読み取り、目の動きや顔のジェス チャーでAndroidを操作できる • 音声や運動機能に障がいのある方に向けて、 2021/9/30 提供開始 • 設定 > ユーザー補助 > スイッチアクセス > カメラスイッ チ • 10MBほど追加でデータをダウンロードする
43. Project Activate • 前面カメラで顔を読み取り、目の動きや顔の ジェスチャーでテキスト読み上げフレーズを再 生したり、メッセージを送ったりできる • 現時点では英語のみ。米国、英国、カナダ、 オーストラリアのGooglePlayストアからダウン ロード可能 • 紹介動画 https://www.youtube.com/watch?v=ItyA EbCIjCU https://play.google.com/store/apps/ details?id=com.google.android.app s.vision.switches
44. Accessibility（ユーザー補助機能）とは 私のエピソード 触ってみよう～文字起こし、TalkBack、ユーザー補助検証ツール～ 最新のアクセシビリティ情報 おわりに Agenda 01 02 03 04 05
45. おわりに • みなさんと一緒に、文字起こし、TalkBack、ユーザー補助検証ツールを使ってみま した • 一度使うことで、今後も気軽に使えるようになったのではないでしょうか • このセッションを通し少しでも興味・関心がわいたら幸いです
46. ご静聴ありがとうございました @wiroha (ゐろは)