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
520
Jetpack Compose Modifier 徹底解説 / Jetpack Compose Modifier
wiroha
0
930
小さな勇気の積み重ね~コミュニティで技術同人誌を執筆する話~ / Write tech book with community member
wiroha
1
1.6k
Until I meet Go
wiroha
0
150
Until one woman becomes an engineer
wiroha
1
390
Firebase In-App Messagingを 導入してみた
wiroha
0
900
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
カスタムしながら理解するGraphQL Connection
yanagii
1
1.2k
Googleのテストサイズを活用したテスト環境の構築
toms74209200
0
270
Pinia Colada が実現するスマートな非同期処理
naokihaba
2
160
Progressive Web Apps für Desktop und Mobile mit Angular (Hands-on)
christianliebel
PRO
0
110
飲食業界向けマルチプロダクトを実現させる開発体制とリアルな現状
hiroya0601
1
400
破壊せよ!データ破壊駆動で考えるドメインモデリング / data-destroy-driven
minodriven
16
4.1k
Nuxtベースの「WXT」でChrome拡張を作成する | Vue Fes 2024 ランチセッション
moshi1121
1
530
Why Spring Matters to Jakarta EE - and Vice Versa
ivargrimstad
0
1k
Identifying User Idenity
moro
6
7.9k
役立つログに取り組もう
irof
27
8.7k
詳細解説! ArrayListの仕組みと実装
yujisoftware
0
480
PagerDuty を軸にした On-Call 構築と運用課題の解決 / PagerDuty Japan Community Meetup 4
horimislime
1
110
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Building an army of robots
kneath
302
42k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.6k
Music & Morning Musume
bryan
46
6.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
Why Our Code Smells
bkeepers
PRO
334
57k
Ruby is Unlike a Banana
tanoku
96
11k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
46
2.1k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
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 (ゐろは)