Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
DroidKaigi 2021 触って学ぶAccessibility
Search
wiroha
October 10, 2021
Programming
3
1.2k
DroidKaigi 2021 触って学ぶAccessibility
wiroha
October 10, 2021
Tweet
Share
More Decks by wiroha
See All by wiroha
2024年最新版!Android開発で役立つ生成AI徹底比較
wiroha
1
550
Jetpack Compose Modifier 徹底解説 / Jetpack Compose Modifier
wiroha
0
980
小さな勇気の積み重ね~コミュニティで技術同人誌を執筆する話~ / Write tech book with community member
wiroha
1
1.7k
Until I meet Go
wiroha
0
150
Until one woman becomes an engineer
wiroha
1
390
Firebase In-App Messagingを 導入してみた
wiroha
0
910
BigQuery Data Transfer Service for Google Play を使ってみた / How to use BigQuery Data Transfer Service for Google Play
wiroha
1
1k
iOS, Androidアプリを譲渡した話 / Story about transferring iOS and Android application
wiroha
0
310
Other Decks in Programming
See All in Programming
CPython 인터프리터 구조 파헤치기 - PyCon Korea 24
kennethanceyer
0
250
WEBエンジニア向けAI活用入門
sutetotanuki
0
330
NSOutlineView何もわからん:( 前編 / I Don't Understand About NSOutlineView :( Pt. 1
usagimaru
0
270
シェーダーで魅せるMapLibreの動的ラスタータイル
satoshi7190
1
430
開発効率向上のためのリファクタリングの一歩目の選択肢 ~コード分割~ / JJUG CCC 2024 Fall
ryounasso
0
420
A Journey of Contribution and Collaboration in Open Source
ivargrimstad
0
400
生成 AI を活用した toitta 切片分類機能の裏側 / Inside toitta's AI-Based Factoid Clustering
pokutuna
0
710
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
580
Outline View in SwiftUI
1024jp
1
270
Amazon Qを使ってIaCを触ろう!
maruto
0
360
Realtime API 入門
riofujimon
0
140
Quine, Polyglot, 良いコード
qnighy
4
610
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Why Our Code Smells
bkeepers
PRO
334
57k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
YesSQL, Process and Tooling at Scale
rocio
168
14k
Visualization
eitanlees
145
15k
RailsConf 2023
tenderlove
29
890
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
390
Art, The Web, and Tiny UX
lynnandtonic
297
20k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Transcript
触って学ぶAccessibility @wiroha (ゐろは)
自己紹介 • wiroha(ゐろは) • Androidエンジニア • 「1人の女性がエンジニアになるまで」というnoteを書き話題になる
本セッションの目的 視聴者の皆さまみんなでAccessibility機能を使ってみて、 身近に感じてもらうこと Android端末を手元に用意し、実際に機能を触ってみましょう!
Agenda Accessibility(ユーザー補助機能)とは 私のエピソード 触ってみよう~文字起こし、TalkBack、ユーザー補助検証ツール~ 最新のアクセシビリティ情報 おわりに 01 02 03 04
05
Accessibility(ユーザー補助機能)とは 私のエピソード 触ってみよう~文字起こし、TalkBack、ユーザー補助検証ツール~ 最新のアクセシビリティ情報 おわりに Agenda 01 02 03 04
05
Accessibility(ユーザー補助機能)とは • 単語 “Accessibility” の意味: 「近づきやすさ」「利用しやすさ」 →様々な人にとって、または状況においての、 機器・サービスの使いやすさ • Androidデバイスをさらに使いやすく
カスタマイズする機能 ◦ 文字を大きくする、コントラストを強くする、 文字を読み上げる、など
Accessibility(ユーザー補助機能)とは • > 視覚、色覚、または聴覚に障がいのある方、細かい作業に支障のある方が Android デバイスを使って、普段の生活でさまざまな操作を行っています。 • > 上記やその他の補助が必要なユーザー向けに、アプリの便宜性を高めてくださ い。
• 視力・聴力・運動機能等の低下は誰でも起こりうる • 一時的に使えない状況になることもある (Google developers「アプリのユーザー補助機能を強化する」 https://developer.android.com/guide/topics/ui/accessibility/apps より)
使ったことは ありますか? コメントもらえると 嬉しいです!
Accessibility(ユーザ補助機能)とは 私のエピソード 触ってみよう~文字起こし、TalkBack、ユーザー補助検証ツール~ 最新のアクセシビリティ情報 おわりに Agenda 01 02 03 04
05
私のエピソード • 雨の日の夜、駅を出ると白杖を持った方が傘を差さずに歩いていた • 足取りがスムーズでなく、植木に突っ込み、明らかに迷いだした 私「何かお困りですか?」 「XXホテルに行きたいんですが、 曲がる場所を間違えたみたいで…」 私(知らない場所だ…)
私のエピソード • 目的地と近隣情報を知っているが周辺を目視できない方と、 周辺を目視できるが目的地と近隣情報を知らない自分 の共同作業で 目的地に到達できた👏 • 特に普段アクセシビリティを専門としている訳でもない自分にとって、 身近に感じる出来事だった
私のエピソード〜疑問と気付き〜 疑問1. なぜ雨の中、傘をさしていなかったんだろう?
私のエピソード〜疑問と気付き〜 疑問1. なぜ雨の中、傘をさしていなかったんだろう? 調査結果: 傘をささない人もいる • 音が反射して聞こえなくなるため • 白杖と間違えることがあるため •
荷物になる、両手が塞がるのが不便なため
私のエピソード〜疑問と気付き〜 疑問2. もし自分が声をかけなかったら、どうしていたんだろうか?
私のエピソード〜疑問と気付き〜 疑問2. もし自分が声をかけなかったら、どうしていたんだろうか? • スマートフォンのユーザー補助機能を使いながら、たどりつけるんだろうか? • 音声で地図機能を使えるんだろうか? • 傘なしで濡れていては、スマートフォンを使えないのでは? •
屋根がある場所、駅まで戻る?戻れる? …答えにたどり着いていない
Androidのこと、まだまだ知らない • 普段Androidを使っている・開発しているので詳しい気がしていた • 改めて考えてみると、アクセシビリティ観点では知らないことがある • 状況によっては便利に使える機能も、知らなければ使えない • 一度使ってみると、次使うときのハードルも下がる Androidに備わっている機能を、一緒に触って学んでみましょう!
Accessibility(ユーザー補助機能)とは 私のエピソード 触ってみよう~文字起こし、TalkBack、ユーザー補助検証ツール~ 最新のアクセシビリティ情報 おわりに Agenda 01 02 03 04
05
触ってみよう! • 3つのユーザー補助機能に絞って、一緒に触ってみたい 1. 文字起こし 2. TalkBack 3. ユーザー補助検証ツール •
ぜひAndroid端末を手元にご用意ください! • 音が出せない場合はイヤホンも繋いでみてください
触ってみよう!文字起こし • アプリ名「音声文字変換&音検知通知」 • 会話の音声文字変換を行い、自宅での身の回りの 音に基づいて通知を送信する • 聴覚障がいを持つ方や難聴の方を支援するアプリ https://play.google.com/store/apps/details?id=com.google.au dio.hearing.visualization.accessibility.scribe
触ってみよう!文字起こし • 設定 > ユーザー補助 > 音声文字変換 https://play.google.com/store/ apps/details?id=com.google. audio.hearing.visualization.a
ccessibility.scribe ない場合アプリを インストール
触ってみよう!文字起こし
音声文字変換は日常に取り入れやすい • 必要時に起動すればよく、普段の操作性は変わらない • 私の場合、言語面(英語)でサポートを必要としている ◦ 英語のセッションやPodcast、雑談などを聴くときに、 文字起こしがあれば内容を理解しやすい ◦ 自分の発音のチェックにも使える
• ショートカット設定をするとすぐ起動できる ◦ 2本指で下から上にスワイプ、または ユーザー補助機能ボタンのタップで起動
音声文字変換、 使えましたか? いかがでしたか? 使えたら、次の機能に いってみましょう!
触ってみよう!TalkBack • 画面を見ずにデバイスを操作できるよう 音声フィードバックを提供 • 画面を見るのが難しい状況や、目の不自由な方にお すすめの機能 • 操作方法 ◦
左右にスワイプして項目間を移動 ◦ ダブルタップで項目を有効化 ◦ 2本の指でドラッグしてスクロール
触ってみよう!TalkBack • 設定 > ユーザー補助 > TalkBack • TalkBackのショートカットを有効にした後、「TalkBackを使用」
触ってみよう!TalkBack • 設定 > ユーザー補助 > TalkBack • TalkBackのショートカットを有効にした後、「TalkBackを使用」 初回チュートリアルをどうぞ
(音がかぶらないよう、私は1分ほど黙ります)
TalkBackでアプリを使ってみる • 自分のアプリを使ってみましょう • 操作方法 ホーム :上左にスワイプ スクロール:2本指でスワイプ 選択 :ダブルタップ
TalkBackでアプリを使ってみる • 自分のアプリを使ってみましょう • 操作方法 ホーム :上左にスワイプ スクロール:2本指でスワイプ 選択 :ダブルタップ 使ってみるタイムをどうぞ! (音がかぶらないよう、私は1分ほど黙ります)
TalkBackで文字を入力する • 画面をタップして指をスライドすると 文字が読み上げられ、指を離すと入力される • IMEはGoogle Gboardが対応
TalkBackを使ってみての気付き • 音声入力を使うものかと思い込んでいた(反省) ◦ いつでも声を出せる訳ではない • 読み上げたときにわかりにくい表現がある ◦ 「下端」は文字だとわかりやすいが「かたん」と言われるとわかりにくい •
日本語は読み間違えられることがある ◦ 「行」(ぎょう)を「ゆき」と読み上げる ◦ 数字でなぜか「2」だけtwoと読み上げる • 指を2本以上使うジェスチャーは、両手が塞がる • フリック入力はすごく難しい
TalkBackへの対応 • TalkBackに対応した実装を行う ◦ Material Designに準拠する ◦ 画像やボタンにcontentsDescriptionを設定する ◦ Viewをグルーピングする
◦ カスタムビューのユーザー補助機能を強化する • 重要な説明を前に持ってくる • 正しく読み上げられる文言を使う
TalkBackをオフにする • 音量大・音量小の長押し または • 設定 > ユーザー補助 > TalkBack
> 「TalkBackを使用」をオフにする • 操作方法 ホーム :上左にスワイプ スクロール:2本指でスワイプ 選択 :ダブルタップ
TalkBack、 使えましたか? 少し難しいかもしれませんが、 体験の違いがよくわかるかと思います
触ってみよう!ユーザー補助検証ツール • 画面をスキャンし、アプリのユーザー補助機能に ついて改善案を提供する、開発者向けアプリ • インストールが必要 https://play.google.com/store/apps/details?id=com.google.android. apps.accessibility.auditor
ユーザー補助検証ツールで検出すること • コンテンツ ラベル • タップ ターゲットのサイズ • クリック可能なアイテム •
テキストと画像のコントラスト https://play.google.com/store/apps/details?id=com.google.android. apps.accessibility.auditor
触ってみよう!ユーザー補助検証ツール • 設定 > ユーザー補助 > ユーザー補助検証ツール
ユーザー補助検証ツール:スナップショットを使う
ユーザー補助検証ツール:スナップショットの結果 • •
ユーザー補助検証ツール:スナップショットの結果 • • 自分のアプリを検証してみましょう!
検証の結果は どうでしたか? 思ったより厳しい、というのが 自分が使ってみての感想でした。 ぜひいろんな画面でチェックをかけてみ てください!
Accessibility(ユーザー補助機能)とは 私のエピソード 触ってみよう~文字起こし、TalkBack、ユーザー補助検証ツール~ 最新のアクセシビリティ情報 おわりに Agenda 01 02 03 04
05
Camera Switches • 前面カメラで顔を読み取り、目の動きや顔のジェス チャーでAndroidを操作できる • 音声や運動機能に障がいのある方に向けて、 2021/9/30 提供開始 •
設定 > ユーザー補助 > スイッチアクセス > カメラスイッ チ • 10MBほど追加でデータをダウンロードする
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
Accessibility(ユーザー補助機能)とは 私のエピソード 触ってみよう~文字起こし、TalkBack、ユーザー補助検証ツール~ 最新のアクセシビリティ情報 おわりに Agenda 01 02 03 04
05
おわりに • みなさんと一緒に、文字起こし、TalkBack、ユーザー補助検証ツールを使ってみま した • 一度使うことで、今後も気軽に使えるようになったのではないでしょうか • このセッションを通し少しでも興味・関心がわいたら幸いです
ご静聴ありがとうございました @wiroha (ゐろは)