DroidKaigi 2021 触って学ぶAccessibility

Slide 1

Slide 1 text

触って学ぶAccessibility @wiroha (ゐろは)

Slide 2

Slide 2 text

自己紹介 ● wiroha（ゐろは） ● Androidエンジニア ● 「1人の女性がエンジニアになるまで」というnoteを書き話題になる

Slide 3

Slide 3 text

本セッションの目的視聴者の皆さまみんなでAccessibility機能を使ってみて、身近に感じてもらうこと Android端末を手元に用意し、実際に機能を触ってみましょう！

Slide 4

Slide 4 text

Agenda Accessibility（ユーザー補助機能）とは私のエピソード触ってみよう～文字起こし、TalkBack、ユーザー補助検証ツール～最新のアクセシビリティ情報おわりに 01 02 03 04 05

Slide 5

Slide 5 text

Accessibility（ユーザー補助機能）とは私のエピソード触ってみよう～文字起こし、TalkBack、ユーザー補助検証ツール～最新のアクセシビリティ情報おわりに Agenda 01 02 03 04 05

Slide 6

Slide 6 text

Accessibility（ユーザー補助機能）とは ● 単語 “Accessibility” の意味：「近づきやすさ」「利用しやすさ」 →様々な人にとって、または状況においての、　機器・サービスの使いやすさ ● Androidデバイスをさらに使いやすくカスタマイズする機能 ○ 文字を大きくする、コントラストを強くする、文字を読み上げる、など

Slide 7

Slide 7 text

Accessibility（ユーザー補助機能）とは ● > 視覚、色覚、または聴覚に障がいのある方、細かい作業に支障のある方が Android デバイスを使って、普段の生活でさまざまな操作を行っています。 ● > 上記やその他の補助が必要なユーザー向けに、アプリの便宜性を高めてください。 ● 視力・聴力・運動機能等の低下は誰でも起こりうる ● 一時的に使えない状況になることもある（Google developers「アプリのユーザー補助機能を強化する」　https://developer.android.com/guide/topics/ui/accessibility/apps より）

Slide 8

Slide 8 text

使ったことはありますか？コメントもらえると嬉しいです！

Slide 9

Slide 9 text

Accessibility（ユーザ補助機能）とは私のエピソード触ってみよう～文字起こし、TalkBack、ユーザー補助検証ツール～最新のアクセシビリティ情報おわりに Agenda 01 02 03 04 05

Slide 10

Slide 10 text

私のエピソード ● 雨の日の夜、駅を出ると白杖を持った方が傘を差さずに歩いていた ● 足取りがスムーズでなく、植木に突っ込み、明らかに迷いだした私「何かお困りですか？」 󰬣「XXホテルに行きたいんですが、　　曲がる場所を間違えたみたいで…」私（知らない場所だ…）

Slide 11

Slide 11 text

私のエピソード ● 目的地と近隣情報を知っているが周辺を目視できない方󰬣と、周辺を目視できるが目的地と近隣情報を知らない自分の共同作業で目的地に到達できた👏 ● 特に普段アクセシビリティを専門としている訳でもない自分にとって、身近に感じる出来事だった

Slide 12

Slide 12 text

私のエピソード〜疑問と気付き〜疑問1. なぜ雨の中、傘をさしていなかったんだろう？

Slide 13

Slide 13 text

私のエピソード〜疑問と気付き〜疑問1. なぜ雨の中、傘をさしていなかったんだろう？調査結果: 傘をささない人もいる ● 音が反射して聞こえなくなるため ● 白杖と間違えることがあるため ● 荷物になる、両手が塞がるのが不便なため

Slide 14

Slide 14 text

私のエピソード〜疑問と気付き〜疑問2. もし自分が声をかけなかったら、どうしていたんだろうか？

Slide 15

Slide 15 text

私のエピソード〜疑問と気付き〜疑問2. もし自分が声をかけなかったら、どうしていたんだろうか？ ● スマートフォンのユーザー補助機能を使いながら、たどりつけるんだろうか？ ● 音声で地図機能を使えるんだろうか？ ● 傘なしで濡れていては、スマートフォンを使えないのでは？ ● 屋根がある場所、駅まで戻る？戻れる？ …答えにたどり着いていない

Slide 16

Slide 16 text

Androidのこと、まだまだ知らない ● 普段Androidを使っている・開発しているので詳しい気がしていた ● 改めて考えてみると、アクセシビリティ観点では知らないことがある ● 状況によっては便利に使える機能も、知らなければ使えない ● 一度使ってみると、次使うときのハードルも下がる　Androidに備わっている機能を、一緒に触って学んでみましょう！

Slide 17

Slide 17 text

Slide 18

Slide 18 text

触ってみよう！ ● 3つのユーザー補助機能に絞って、一緒に触ってみたい　1. 文字起こし　2. TalkBack 　3. ユーザー補助検証ツール ● ぜひAndroid端末を手元にご用意ください！ ● 音が出せない場合はイヤホンも繋いでみてください

Slide 19

Slide 19 text

触ってみよう！文字起こし ● アプリ名「音声文字変換＆音検知通知」 ● 会話の音声文字変換を行い、自宅での身の回りの音に基づいて通知を送信する ● 聴覚障がいを持つ方や難聴の方を支援するアプリ https://play.google.com/store/apps/details?id=com.google.au dio.hearing.visualization.accessibility.scribe

Slide 20

Slide 20 text

触ってみよう！文字起こし ● 設定 > ユーザー補助 > 音声文字変換 https://play.google.com/store/ apps/details?id=com.google. audio.hearing.visualization.a ccessibility.scribe ない場合アプリをインストール

Slide 21

Slide 21 text

触ってみよう！文字起こし

Slide 22

Slide 22 text

音声文字変換は日常に取り入れやすい ● 必要時に起動すればよく、普段の操作性は変わらない ● 私の場合、言語面（英語）でサポートを必要としている ○ 英語のセッションやPodcast、雑談などを聴くときに、文字起こしがあれば内容を理解しやすい ○ 自分の発音のチェックにも使える ● ショートカット設定をするとすぐ起動できる ○ 2本指で下から上にスワイプ、またはユーザー補助機能ボタンのタップで起動

Slide 23

Slide 23 text

音声文字変換、使えましたか？いかがでしたか？使えたら、次の機能にいってみましょう！

Slide 24

Slide 24 text

触ってみよう！TalkBack ● 画面を見ずにデバイスを操作できるよう音声フィードバックを提供 ● 画面を見るのが難しい状況や、目の不自由な方におすすめの機能 ● 操作方法 ○ 左右にスワイプして項目間を移動 ○ ダブルタップで項目を有効化 ○ 2本の指でドラッグしてスクロール

Slide 25

Slide 25 text

触ってみよう！TalkBack ● 設定 > ユーザー補助 > TalkBack ● TalkBackのショートカットを有効にした後、「TalkBackを使用」

Slide 26

Slide 26 text

触ってみよう！TalkBack ● 設定 > ユーザー補助 > TalkBack ● TalkBackのショートカットを有効にした後、「TalkBackを使用」初回チュートリアルをどうぞ（音がかぶらないよう、私は1分ほど黙ります）

Slide 27

Slide 27 text

TalkBackでアプリを使ってみる ● 自分のアプリを使ってみましょう ● 操作方法　ホーム　　：上左にスワイプ　スクロール：２本指でスワイプ　選択　　　：ダブルタップ

Slide 28

Slide 28 text

TalkBackでアプリを使ってみる ● 自分のアプリを使ってみましょう ● 操作方法　ホーム　　：上左にスワイプ　スクロール：２本指でスワイプ　選択　　　：ダブルタップ使ってみるタイムをどうぞ！（音がかぶらないよう、私は1分ほど黙ります）

Slide 29

Slide 29 text

TalkBackで文字を入力する ● 画面をタップして指をスライドすると文字が読み上げられ、指を離すと入力される ● IMEはGoogle Gboardが対応

Slide 30

Slide 30 text

TalkBackを使ってみての気付き ● 音声入力を使うものかと思い込んでいた（反省） ○ いつでも声を出せる訳ではない ● 読み上げたときにわかりにくい表現がある ○ 「下端」は文字だとわかりやすいが「かたん」と言われるとわかりにくい ● 日本語は読み間違えられることがある ○ 「行」（ぎょう）を「ゆき」と読み上げる ○ 数字でなぜか「2」だけtwoと読み上げる ● 指を2本以上使うジェスチャーは、両手が塞がる ● フリック入力はすごく難しい

Slide 31

Slide 31 text

TalkBackへの対応 ● TalkBackに対応した実装を行う ○ Material Designに準拠する ○ 画像やボタンにcontentsDescriptionを設定する ○ Viewをグルーピングする ○ カスタムビューのユーザー補助機能を強化する ● 重要な説明を前に持ってくる ● 正しく読み上げられる文言を使う

Slide 32

Slide 32 text

TalkBackをオフにする ● 音量大・音量小の長押しまたは ● 設定 > ユーザー補助 > TalkBack > 「TalkBackを使用」をオフにする ● 操作方法　ホーム　　：上左にスワイプ　スクロール：２本指でスワイプ　選択　　　：ダブルタップ

Slide 33

Slide 33 text

TalkBack、使えましたか？少し難しいかもしれませんが、体験の違いがよくわかるかと思います

Slide 34

Slide 34 text

触ってみよう！ユーザー補助検証ツール ● 画面をスキャンし、アプリのユーザー補助機能について改善案を提供する、開発者向けアプリ ● インストールが必要 https://play.google.com/store/apps/details?id=com.google.android. apps.accessibility.auditor

Slide 35

Slide 35 text

ユーザー補助検証ツールで検出すること ● コンテンツラベル ● タップターゲットのサイズ ● クリック可能なアイテム ● テキストと画像のコントラスト https://play.google.com/store/apps/details?id=com.google.android. apps.accessibility.auditor

Slide 36

Slide 36 text

触ってみよう！ユーザー補助検証ツール ● 設定 > ユーザー補助 > ユーザー補助検証ツール

Slide 37

Slide 37 text

ユーザー補助検証ツール：スナップショットを使う

Slide 38

Slide 38 text

ユーザー補助検証ツール：スナップショットの結果 ● ●

Slide 39

Slide 39 text

ユーザー補助検証ツール：スナップショットの結果 ● ● 自分のアプリを検証してみましょう！

Slide 40

Slide 40 text

検証の結果はどうでしたか？思ったより厳しい、というのが自分が使ってみての感想でした。ぜひいろんな画面でチェックをかけてみてください！

Slide 41

Slide 41 text

Slide 42

Slide 42 text

Camera Switches ● 前面カメラで顔を読み取り、目の動きや顔のジェスチャーでAndroidを操作できる ● 音声や運動機能に障がいのある方に向けて、 2021/9/30 提供開始 ● 設定 > ユーザー補助 > スイッチアクセス > カメラスイッチ ● 10MBほど追加でデータをダウンロードする

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

Slide 45

Slide 45 text

おわりに ● みなさんと一緒に、文字起こし、TalkBack、ユーザー補助検証ツールを使ってみました ● 一度使うことで、今後も気軽に使えるようになったのではないでしょうか ● このセッションを通し少しでも興味・関心がわいたら幸いです

Slide 46

Slide 46 text

ご静聴ありがとうございました @wiroha (ゐろは)